@charset "utf-8";

@import url('font/webFont.css');
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot?17');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff2?17') format('woff2'),
  url('font/iconfont.woff?17') format('woff'),
  url('font/iconfont.ttf?17') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}
::-webkit-scrollbar{width:8px; height:8px;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-thumb{background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background:#5d92fe;}
body,td,th,input,textarea,select{ font-family:Montserrat, sans-serif; color:#777177; outline:none;}
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;}
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:#5d92fe;}
*:after{content:''; display:block; height:0; clear:both;}
mark{display:inline-block;}


#banner{position:relative; width:100%; height:100%; z-index:2; overflow:hidden;}
#banner .indextop{ position:absolute;z-index:12; left:0;top:0; width:100%;height:100%;background:url('../images/cambodia_factory.jpg') no-repeat center center; background-size:auto 100%;}
#banner .indextop>.box{position:absolute;z-index:20; left:50%;top:50%; width:900px;height:300px; margin-left:-450px; margin-top:-150px; text-align:center; }
#banner .indextop>.box>.text{margin:0 auto;padding:10px 0; line-height:60px;}
#banner .indextop>.box>.text>h3{ font-size:36px; color:#fff; margin:0 auto;}
#banner .indextop>.box>.text>h4{ font-size:24px; color:#fff; margin:0 auto;}
#banner .indextop>.box>a{display:block; margin:0 auto; width:90px;height:90px; background:url('../images/ico_play.png') no-repeat center center; background-size:auto 100%;}
#banner .indextop>.box>a:hover{background:url('../images/ico_play_A.png') no-repeat center center; background-size:auto 100%;}
#banner .indextop>.mes{position:absolute;z-index:1;right:15px; bottom:15px; color:#f4cf00; font-size:16px;}

#banner video{position:absolute; z-index:1; left:0px;}
#banner .mask{width:100%; height:100%; position:absolute; z-index:2; background:url('../images/cambodia_factory.jpg') repeat-x center center; background-size:auto 100%;}
#banner .vimg{display:none; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:url('../images/v.jpg') no-repeat 25% bottom; background-size:cover;}

#banner .con{position:absolute; z-index:4; width:100%; left:0; top:38.5%; color:#fff; line-height:1.1; text-align:center;}
#banner .tit{font-size:8rem; font-weight:600; text-transform:uppercase;}
#banner .desc{font-size:4.8rem; font-weight:300; color:#5d92fe; margin-top:20px;}
#banner .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.5rem; border:1px solid #fff; color:#fff; margin:60px auto; border-radius:3px; padding-right:30px; position:relative; transition:all .3s;}
#banner .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#fff; right:30px; top:20px; transition:all .3s;}
#banner .more:hover{background:#fff; color:#5d92fe;}
#banner .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#fff; right:36px; top:14px;transition:all .3s;}
#banner .more:hover:before, #banner .more:hover:after{transform:rotate(180deg); background:#5d92fe;}

#banner .mouse, #bans .mouse{border:1px solid rgba(255,255,255,.7); width:20px; height:32px; position:absolute; z-index:4; left:50%; bottom:50px; margin-left:-10px; border-radius:20px;}
#banner .mouse:after, #bans .mouse:after{content:''; display:block; width:2px; height:4px; background:rgba(255,255,255,.8); position:absolute; left:50%; top:5px; margin-left:-1px; animation:mouse-middle .86s ease infinite;}
@keyframes mouse-middle{
  0% {opacity:.8;}
  50% {opacity:1; top:15px; height:7px;}
  100% {opacity:0; top:28px; height:4px;}
}


#head{position:fixed; z-index:9; width:100%; height:80px; left:0; top:0; transition:all .25s 0s;}
#head:after{position:absolute; z-index:1; width:100%; height:0; background:#fff; transition:all .25s 0s; box-shadow:0 10px 20px rgba(0,0,0,.07);}
#head.sm{height:60px; transition:all .3s .1s;}
#head.sm:after{height:100%; transition:all .2s .15s;}
#head .logo{display:block; width:230px; height:80px; float:left; background:#107AC0; text-align:center; margin-top:50px; transition:all .2s; position:relative; z-index:999;}
#head .logo img{height:40px; transition:all .2s; position:absolute; left:50%; top:50%; margin:-22px auto auto -78px;}
#head .logo img:first-child{display:block;}
#head .logo img:last-child{display:none;}
#head.sm .logo{width:200px; height:60px; margin-top:0; background:#fff;}
#head.sm .logo img{height:35px; margin:-20px auto auto -68px;}
#head.sm .logo img:first-child{display:none;}
#head.sm .logo img:last-child{display:block;}


#head .stock{float:left; position:relative; z-index:2; font-size:1.6rem; opacity:0; margin:0 auto auto 20px; transition:all .35s;}
#head .stock span{font-family:'Montserrat', sans-serif; font-weight:400;}
#head.sm .stock{opacity:1; margin:18px auto auto 20px;}

@media (max-width:1336px){
  #head.sm .stock{margin:21px auto auto 20px;}
}
@media (max-width:1280px){
  #banner .tit{font-size:6.6rem;}
  #banner .desc{font-size:3.6rem;}

  #head.sm .logo{width:195px;}
  #head.sm .logo img{margin:-20px auto auto -72px;}
  #head.sm .stock{margin:20px auto auto 20px;}
}
@media (max-width:1080px){
  #head .stock{font-size:1.4rem;}
  #head.sm .stock{margin:21px auto auto 20px;}
  
  
  #banner .indextop>.box>.text{line-height:50px;}
#banner .indextop>.box>.text>h3{ font-size:30px;}
#banner .indextop>.box>.text>h4{ font-size:20px;}
  
  
}
@media (max-width:920px){
  #video{display:none;}
  #banner .vimg{display:block;}
  #banner .tit{font-size:4.2rem;}
  #banner .desc{font-size:2.6rem; letter-spacing:0; margin-top:5px;}
  
  #banner .indextop>.box{width:80%;margin-left:-40%;}
  #banner .indextop>.box>.text{line-height:45px;}
  #banner .indextop>.box>.text>h3{ font-size:28px;}
  #banner .indextop>.box>.text>h4{ font-size:18px;}
  #banner .indextop>.box>a{width:76px;height:76px;}

  #head{height:70px;}
  #head .logo{width:170px; margin-top:0; height:70px;}
  #head .logo img{height:32px; margin:-18px auto auto -60px;}
  #head.sm .logo{width:150px; height:60px;}
  #head.sm .logo img{height:25px; margin:-20px auto auto -50px;}
  #head .stock{position:absolute; font-size:1.2rem; top:20px; z-index:999; color:#999;}
  #head.sm .stock{margin-left:38px;}
}


@media (max-width:760px){
  
  
  #banner .indextop>.box>.text{line-height:40px;}
  #banner .indextop>.box>.text>h3{ font-size:24px;}
  #banner .indextop>.box>.text>h4{ font-size:16px;}
  #banner .indextop>.box>a{width:70px;height:70px;}


}


@media (max-width:640px){
  
  
  #banner .indextop>.box>.text{line-height:30px;}
  #banner .indextop>.box>.text>h3{ font-size:22px;}
  #banner .indextop>.box>.text>h4{ font-size:12px;}
  #banner .indextop>.box>a{width:50px;height:50px;}


}



#nav{width:80px; height:80px; float:left; background:#fff; margin-top:50px; text-align:center; position:relative; font-size:0; transition:all .2s; z-index:999;}
#nav:hover{background:#eee;}
#nav>span{display:block; width:30px; height:3px; background:#107AC0; position:absolute; left:50%; top:50%; margin:-2px auto auto -15px; transition:background .3s;}
#nav>span:before{content:''; display:block; position:absolute; left:0; top:-9px; width:100%; height:3px; background:#107AC0; transition:top .3s .3s, transform .3s;}
#nav>span:after{content:''; display:block; position:absolute; left:0; top:9px; width:100%; height:3px; background:#107AC0; transition:top .3s .3s, transform .3s;}
#nav.active{background:#5d92fe;}
#nav.active>span{background:none; transition:background 0s;}
#nav.active>span:before{top:0; transform:rotate(45deg); transition:top .3s 0s, transform .3s .3s; background:#fff;}
#nav.active>span:after{top:0; transform:rotate(-45deg); transition:top .3s 0s, transform .3s .3s; background:#fff;}
#head.sm #nav{width:70px; height:60px; margin-top:0; background:#107AC0;}
#head.sm #nav>span, #head.sm #nav>span:after, #head.sm #nav>span:before{background:#fff;}
#head.sm #nav>span{transition:background .3s;}
#head.sm #nav.active>span{background:none; transition:background .3s;}

#nav-box{position:fixed; z-index:998; background:url('../images/nav_bg.jpg') no-repeat center; background-size:cover; width:100%; height:100%; left:0; top:0; display:none;}
#nav-box .item{width:16.666666%; height:100%; background:#fff; border-right:1px solid #eaeaea; box-sizing:border-box; float:left; position:relative; transition:all .15s;}
#nav-box .item:hover{background:rgba(255,255,255,.0); border-right:0px none;}
#nav-box .item:last-child{border-right:0px none;}
#nav-box .item .line{width:1px; height:0px; background:#fff; position:absolute; left:50%; top:20%; margin-top:30px; transition:all .35s;}
#nav-box .item:hover .line{height:60px; margin-top:0;}
#nav-box .item .num{position:absolute; top:32%; width:100%; left:0; text-align:center; font-family:'Montserrat', sans-serif; font-weight:600; color:#eee; font-size:7.6rem; transition:all .3s ease;}
#nav-box .item:hover .num{margin-top:-35px; color:#107AC0;}
#nav-box .item .cn{position:absolute; top:42%; width:100%; left:0; text-align:center; font-family:'Microsoft YaHei Light', 'Microsoft YaHei', sans-serif; color:#fff; font-size:1.6rem; transition:all .3s; opacity:0;}
#nav-box .item:hover .cn{color:#fff; opacity:.3;}
#nav-box .item dl{position:absolute; top:42%; width:100%; left:0; text-align:center;}
#nav-box .item dl a{display:block; transition:all .25s;}
#nav-box .item dt a{font-size:2.2rem; color:#464646; padding:35px 0;}
#nav-box .item dd a{font-size:1.5rem; padding:8px 0;}
#nav-box .item:hover a{color:#fff;}
#nav-box .item:hover a:hover{color:#5d92fe;}


#menu{width:580px; float:right; margin-top:70px; transition:all .25s; position:relative; z-index:2;}
#menu>li{float:left;}
#menu>li a{display:block; font-size:1.5rem; color:#fff; padding:0 20px; height:40px; line-height:40px; position:relative; transition:all .25s; text-transform:uppercase;}
#menu>li a:after{content:''; display:block; width:0px; height:2px; background:#fff; position:absolute; bottom:-2px; left:50%; margin-left:0px; transition:all .3s;}
#menu>li a:hover{color:#5d92fe !important;}
#menu>li a:hover:after{width:30px; margin-left:-15px; background:#5d92fe;}
#menu>li .hover{color:#5d92fe !important;}
#menu>li .hover:after{width:30px; margin-left:-15px; background:#5d92fe;}

#head.sm #menu{margin-top:9px; width:560px;}
#head.sm #menu>li a{font-size:1.4rem; color:#464646; font-weight:bold;}

@media (max-width:1366px){
  #nav-box .item dt a{font-size:2rem;}
  #nav-box .item dd a{font-size:1.4rem;}
}
@media (max-width:1280px){
  #nav-box .item dt a{font-size:1.8rem;}
  #nav-box .item dd a{font-size:1.3rem;}
}
@media (max-width:1080px){
  #menu{width:500px; margin-top:52px;}
  #menu>li a{font-size:1.4rem; padding:0 16px;}
  #head.sm #menu{width:460px;}
  #head.sm #menu>li a{font-size:1.3rem;}

  #nav-box .item dd a{font-size:1.2rem;}
}
@media (max-width:920px){
  #menu{display:none;}
  #nav{width:70px; height:70px; margin-top:0;}
  #head.sm #nav{width:60px; height:60px;}

  #nav-box{height:auto; min-height:100%; padding-top:80px; box-sizing:border-box; top:0; bottom:0; overflow:auto;}
  #nav-box .item{width:100%; height:auto; background:none; float:none; border:0px none; border-bottom:1px solid rgba(255,255,255,.08);}
  #nav-box .item:last-child{border-bottom:0px none;}
  #nav-box .item .line{display:none;}
  #nav-box .item .num{display:none;}
  #nav-box .item .cn{display:none;}
  #nav-box .item dl{position:relative; top:0; width:100%; left:0; text-align:left;}
  #nav-box .item dl:after{content:''; display:block; position:absolute; left:30px; top:24px; width:2px; height:18px; background:#fff;}
  #nav-box .item dt{position:relative;}
  #nav-box .item dt>span{display:block; position:absolute; right:15px; top:0; width:50px; height:100%;}
  #nav-box .item dt>span:after{content:''; display:block; position:absolute; right:18px; top:31px; width:14px; height:2px; background:#fff;}
  #nav-box .item dt>span:before{content:''; display:block; position:absolute; right:24px; top:25px; width:2px; height:14px; background:#fff; transition:all .3s;}
  #nav-box .item dt>span.active:before{height:2px; top:32px;}
  #nav-box .item dt a{font-size:1.6rem; color:#fff; padding:24px 50px; font-weight:bold; display:inline-block;}
  #nav-box .item dd{padding-left:50px; padding-bottom:25px; display:none;}
  #nav-box .item dd a{color:rgba(255,255,255,.6) !important; font-size:1.4rem;}
}


#lan{width:130px; float:right; margin-top:70px; margin-right:20px; position:relative; transition:all .25s; z-index:2;}
#lan .tit{font-size:1.5rem; color:#fff; height:40px; line-height:40px; transition:all .25s;}
#lan .tit i{display:inline-block; background:url('../images/lan.png') no-repeat center;width:28px;height:28px; margin:0 10px auto auto; font-family:"iconfont" !important;  font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; line-height:1; transition:all .25s;}
#lan>div{position:absolute; left:-10px; top:60px; width:140px; transition:all .45s; height:0; overflow:hidden; transition:height .45s;}
#lan>div.active{height:180px;}
#lan>div>a{display:block; height:42px; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; background:#107AC0; font-size:1.5rem; line-height:40px; border-bottom:1px solid rgba(255,255,255,.16); position:relative; transition:all .2s; padding-left:20px;}
#lan>div>a img{height:19px; margin:-2px 8px auto auto;}
#lan>div>a span{position:relative; display:block; z-index:2;}
#lan>div>a:hover{background:#eee; color:#464646;}
#lan>div>a:last-child{border-bottom:0px none;}
/*#lan>div>a:first-child:before{content:''; display:block; width:17px; height:17px; position:absolute; right:35px; top:5px; background:#107AC0; transform:rotate(45deg); z-index:1; transition:top .25s;}
#lan>div>a:hover:before{background:#eee;}
#lan>div.active>a:first-child:before{top:-9px; transition:top .25s;}*/

#head.sm #lan{margin-top:8px;}
#head.sm #lan .tit{font-size:1.5rem; color:#464646;}
#head.sm #lan .tit i{width:28px;height:28px; margin:0 10px auto auto;background:url('../images/lan_b.png') no-repeat center;color:#464646;}
#head.sm #lan>div{top:52px;}

@media (max-width:1080px){
  #lan{margin-top:68px; width:110px;}
  #lan .tit{font-size:1.3rem;}
  #head.sm #lan .tit{font-size:1.3rem;}
}
@media (max-width:920px){
  #lan{margin-top:16px; margin-right:3px;}
  #lan>div>a{transition:none; font-size:1.4rem;}
  #lan>div>a img{margin-top:0 !important;}
  #head.sm #lan{margin-top:11px;margin: 11px; auto 0px；}
  #head.sm #lan>div{top:49px;}
}


#m1{position:relative; height:100%; z-index:1; background:#fff;}
#m1 a{width:50%; height:100%; float:left; display:block; position:relative; text-align:center; transition:all .25s;}
#m1 a .img{width:38%; height:auto; position:absolute; z-index:1; left:50%; bottom:50px; margin-left:-19%; transition:all .3s;}
#m1 a .con{width:100%; position:absolute; height:100%; z-index:2; border-right:1px solid #e6e6e6; box-sizing:border-box;}
#m1 a .tit{font-size:2.8rem; font-weight:600; color:#464646; padding-top:150px; position:relative; transition:all .2s; text-transform:capitalize;}
#m1 a .tit:after{content:''; display:block; height:1px; background:#666; width:30px; position:absolute; bottom:-30px; left:50%; margin-left:-15px; transition:all .2s;}
#m1 a .txt{font-size:1.4rem; margin-top:80px; padding:0 75px; line-height:2; transition:all .2s; font-family:Sans-Serif;}
#m1 a .more{display:block; width:46px; height:46px; border:1px solid #888; border-radius:100%; position:absolute; left:50%; top:45%; margin-left:-23px; transition:all .3s;}
#m1 a .more:before{content:''; display:block; width:22px; height:2px; background:#666; position:absolute; left:50%; top:50%; margin:-1px auto auto -11px; transition:all .3s;}
#m1 a .more:after{content:''; display:block; width:2px; height:22px; background:#666; position:absolute; left:50%; top:50%; margin:-11px auto auto -1px; transition:all .3s;}
#m1 a:hover{background:#eee;}
#m1 a:hover .tit{padding-top:160px; color:#5d92fe;}
#m1 a:hover .tit:after{bottom:100px; background:#5d92fe; width:60px; margin-left:-30px;}
#m1 a:hover .txt{margin-top:70px;}
#m1 a:hover .more{border:1px solid #5d92fe; background:#5d92fe;}
#m1 a:hover .more:before, #m1 a:hover .more:after{background:#fff; transform:rotate(180deg);}
#m1 a:hover .img{width:45%; margin-left:-22.5%;}

@media (max-width:1440px){
  #m1 a .tit{font-size:6.0rem;}
  #m1 a .txt{font-size:1.6rem; padding:0 50px;}
  #m1 a .more{top:46%;}
}
@media (max-width:1366px){
  #m1 a .tit{font-size:3rem; padding-top:130px;}
  #m1 a:hover .tit{padding-top:155px;}
  #m1 a .txt{font-size:1.5rem; padding:0 45px;}
  #m1 a:hover .txt{margin-top:55px;}
  #m1 a .more{top:48%;}
}
@media (max-width:1280px){
  #m1 a .tit{font-size:2.6rem;}
  #m1 a .txt{padding:0 35px; font-size:1.4rem;}
}
@media (max-width:1080px){
  #m1 a .tit{font-size:2.2rem;}
  #m1 a .txt{font-size:1.4rem;}
  #m1 a .more{top:50%;}
}
@media (max-width:920px){
  #m1{height:auto;}
  #m1 a{width:100%; height:auto; float:none; position:relative; text-align:center; transition:all .25s; border-bottom:1px solid #eaeaea;}
  #m1 a .img{position:relative; bottom:auto; padding:80px 0 60px 0;}
  #m1 a .con{border:0px none; position:relative;}
  #m1 a .tit{padding-top:70px;}
  #m1 a .txt{margin-top:60px;}
  #m1 a .more{top:50%; width:36px; height:36px;}
  #m1 a .more:before{width:18px; height:2px;margin:-1px auto auto -9px;}
  #m1 a .more:after{width:2px; height:18px; margin:-9px auto auto -1px;}
  #m1 a:hover .tit{padding-top:50px;}
  #m1 a:hover .tit:after{bottom:-30px;}
  #m1 a:hover .txt{margin-top:80px;}
}


#m2{position:relative; height:100%; z-index:2; overflow:hidden;}
#m2 .bg{width:100%; height:100%; background:url('../images/m2.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m2 .tit{margin-left:8%; margin-top:120px; color:#5d92fe; font-size:9.6rem; font-weight:bold; position:relative; z-index:2;}
#m2 .tit-sub{margin-left:8%; color:#5d92fe; position:relative; z-index:2; line-height:1;}
#m2 .tit-sub>div{display:inline-block; padding:8px 10px 8px 0px; line-height:1; font-size:1.8rem;}
#m2 .tit-sub>p{display:inline-block; color:#fff; background:#5d92fe; padding:8px 10px 8px 10px; line-height:1; font-size:1.7rem; margin-left:10px;}
#m2 .tit-sub>p>span{font-family:'Montserrat', sans-serif;}
#m2 .tit-sub:after{content:''; display:block; height:1px; width:92px; background:#fff; left:0; bottom:-36px; position:absolute;}
#m2 .con{margin-left:8%; color:#fff; font-size:1.5rem; margin-top:90px; width:50%; line-height:2.2; position:relative; z-index:2;}
#m2 .data{background:#107AC0; width:84%; height:200px; position:absolute; z-index:2; left:8%; bottom:80px;}
#m2 .data>div{width:20%; border-right:1px solid rgba(0,0,0,.2); height:100%; box-sizing:border-box; float:left; padding:24px 50px;}
#m2 .data p{color:#fff; text-align:center;}
#m2 .data .num{font-size:8.6rem; font-family:'Montserrat', sans-serif; font-weight:600; line-height:1; padding-top:5px;}
#m2 .data .num>span{display:inline-block;}
#m2 .data .desc{font-size:1.4rem; line-height:1.5; margin-top:15px;}

@media (max-width:1440px){
  #m2 .tit{margin-left:6%; font-size:8rem; margin-top:140px;}
  #m2 .tit-sub{margin-left:6%; font-size:1.7rem;}
  #m2 .tit-sub>p{font-size:1.6rem;}
  #m2 .con{margin-left:6%; font-size:1.4rem; margin-top:60px;}
  #m2 .data{width:88%; left:6%; bottom:80px;}
  #m2 .data{height:180px;}
  #m2 .data>div{padding:22px 20px;}
  #m2 .data .num{font-size:7rem;}
}
@media (max-width:1366px){
  #m2 .tit{font-size:7rem; margin-top:140px;}
  #m2 .tit-sub{font-size:1.6rem;}
  #m2 .tit-sub>p{font-size:1.5rem;}
  #m2 .con{font-size:1.3rem; width:50%;}
  #m2 .data{height:165px; bottom:60px;}
  #m2 .data>div{padding:20px 20px;}
  #m2 .data .num{font-size:6rem;}
  #m2 .data .desc{font-size:1.3rem;}
}
@media (max-width:1280px){
  #m2 .tit{margin-top:140px;}
  #m2 .data{bottom:70px; height:150px;}
  #m2 .data>div{padding:22px 20px;}
  #m2 .data .num{font-size:5rem;}
  #m2 .data .desc{font-size:1.3rem; margin-top:10px;}
}
@media (max-width:1080px){
  #m2 .tit{margin-top:130px;}
  #m2 .data{bottom:60px; height:137px;}
  #m2 .data>div{padding:20px 0px;}
  #m2 .data .num{font-size:5rem;}
  #m2 .data .desc{font-size:1.2rem; margin-top:5px;}
}
@media (max-width:920px){
  #m2{height:auto;}
  #m2 .bg{position:relative; height:260px;}
  #m2 .tit{margin-top:-220px; color:#5d92fe; font-size:5rem; font-weight:bold;}
  #m2 .tit-sub{font-size:1.5rem;}
  #m2 .tit-sub>div{display:block; font-size:1.4rem; color:#fff; line-height:1.3;}
  #m2 .tit-sub>p{display:inline-block; margin-top:8px; font-size:1.3rem; margin-left:0px;}
  #m2 .tit-sub>p>span{font-family:'Montserrat', sans-serif; font-weight:300;}
  #m2 .tit-sub:after{display:none;}
  #m2 .con{color:#777177; font-size:1.5rem; margin-top:170px; width:88%; line-height:1.7;}
  #m2 .data{width:100%; height:500px; position:relative; left:0; bottom:0; margin-top:50px;}
  #m2 .data>div{width:100%; height:100px; border-bottom:1px solid rgba(255,255,255,.1); padding:12px 30px;}
  #m2 .data .num{font-size:4rem;}
}


#m3{height:100%; position:relative;}
#m3 .box{padding: 0 1% 0 8%; height:100%;}
#m3 .box>div{width:100%; height:100%; position:relative;}
#m3 .left{width:36%; height:380px; top:50%; float:left; position:absolute; margin-top:-190px;}
#m3 .left .tit-en{font-family:'Montserrat', sans-serif; font-size:4.8rem; font-weight:600; color:#464646; text-transform:uppercase;}
#m3 .left .tit-en-sm{font-size:4.2rem;}
#m3 .left .desc{margin:10px 0 0 3px; font-size:1.4rem; color:#aaa; padding-right:50px;}
#m3 .left .ctl{margin-top:50px; padding-left:3px;}
#m3 .left .ctl>a{display:inline-block; width:33px; height:33px; text-align:center; line-height:31px; background:#5d92fe; border-radius:3px;}
#m3 .left .ctl>a>img{width:17px; height:17px;}
#m3 .left .ctl>a:hover{background:#999;}
#m3 .left .btm{position:absolute; left:0; bottom:0; padding-left:3px;}
#m3 .left .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.5rem; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center;}
#m3 .left .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:30px; top:20px; transition:all .3s;}
#m3 .left .more:hover{color:#5d92fe; border:1px solid #5d92fe;}
#m3 .left .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:36px; top:14px;transition:all .3s;}
#m3 .left .more:hover:before, #m3 .left .more:hover:after{transform:rotate(180deg); background:#5d92fe;}


#m3 .right{width:64%; height:100%; border-left:1px solid #eaeaea; float:right; box-sizing:border-box;}
#m3 .right .swiper-container{width:100%; height:100%; box-sizing:border-box;}
#m3 .right .swiper-slide{display:block; width:33.333%; height:100%; border-left:1px solid #eaeaea; box-sizing:border-box; margin-left:-1px;}
#m3 .right .swiper-slide a{display:block; width:100%; height:100%; position:relative; box-sizing:border-box; overflow:hidden;}
#m3 .right .swiper-slide:nth-child(3n){border-right:0px none;}
#m3 .right .swiper-slide a .date{margin-top:36%; width:110px; height:110px; background:#107AC0; text-align:center; padding-top:13px; box-sizing:border-box; transition:all .25s;}
#m3 .right .swiper-slide a .day{font-family:'Montserrat', sans-serif; color:#fff; font-size:5.6rem; font-weight:600; line-height:1.1;}
#m3 .right .swiper-slide a .ym{color:#fff; font-size:1.3rem; font-family:'Montserrat', sans-serif;}
#m3 .right .swiper-slide a .tit{font-size:1.7rem; color:#464646; margin:60px 18px 20px 18px; height:43px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;line-height: 22px;}
#m3 .right .swiper-slide a .img{margin:0 18px; padding-top:60%; background:#f3f3f3; position:relative; overflow:hidden;}
#m3 .right .swiper-slide a .img>img{position:absolute; width:100%; height:100%; left:0; top:0; transition:all .26s; max-width:none;}
#m3 .right .swiper-slide a .con{margin:25px 18px; font-size:1.3rem; line-height:1.8; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; font-family:'Open Sans', Sans-Serif;}
#m3 .right .arr{position:absolute; left:18px; bottom:10%; height:1px; background:#ccc; width:20%; transition:all .3s;}
#m3 .right .arr:before{position:absolute; right:0; top:-4px; width:10px; height:1px; content:''; display:block; transform:rotate(45deg); background:#ccc; transition:all .3s;}
#m3 .right .arr:after{position:absolute; right:0; top:4px; width:10px; height:1px; content:''; display:block; transform:rotate(-45deg); background:#ccc; transition:all .3s;}
#m3 .right .swiper-slide a:hover .date{background:#5d92fe;}
#m3 .right .swiper-slide a:hover .tit{color:#107AC0;}
#m3 .right .swiper-slide a:hover .img>img{width:116%; height:116%; margin:-8% auto auto -8%;}
#m3 .right .swiper-slide a:hover .arr{width:50%; background:#464646;}
#m3 .right .swiper-slide a:hover .arr:before, #m3 .right>div a:hover .arr:after{background:#464646;}

@media (max-width:1440px){
  #m3 .box{padding: 0 1% 0 6%;}
  #m3 .left{margin-top:-180px;}
  #m3 .left .tit-en{font-size:5.2rem;}
  #m3 .left .tit-en-sm{font-size:3.5rem;}

  #m3 .right .swiper-slide a .date{margin-top:60%; width:102px; height:102px;}
  #m3 .right .swiper-slide a .day{font-size:5rem;}
  #m3 .right .swiper-slide a .tit{font-size:1.6rem; margin:50px 16px 20px 16px;}
  #m3 .right .swiper-slide a .img{margin:0 16px;}
  #m3 .right .swiper-slide a .con{margin:23px 16px; line-height:1.7; -webkit-line-clamp:4;}
  #m3 .right .arr{bottom:10%;}
}
@media (max-width:1366px){
  #m3 .left{margin-top:-186px;}

  #m3 .right .swiper-slide a .date{margin-top:55%; width:94px; height:94px;}
  #m3 .right .swiper-slide a .day{font-size:4.2rem;}
  #m3 .right .swiper-slide a .tit{font-size:1.5rem; margin:40px 16px 20px 16px;}
  #m3 .right .arr{bottom:8%;}
}
@media (max-width:1280px){
  #m3 .left{margin-top:-165px;}
  #m3 .left .tit-en{font-size:4rem;}
  #m3 .left .tit-en-sm{font-size:3.2rem;}
  #m3 .left .tit-cn{font-size:2.4rem;}
  #m3 .left .desc{font-size:1.5rem;}
  #m3 .left .more{width:120px; height:42px; line-height:40px; font-size:1.5rem; padding-right:25px;}
  #m3 .left .more:before{width:12px; right:25px; top:19px;}
  #m3 .left .more:after{height:12px; right:30px; top:14px;}

  #m3 .right .swiper-slide a .date{margin-top:65%; width:90px; height:90px;}
  #m3 .right .swiper-slide a .day{font-size:4rem;}
  #m3 .right .swiper-slide a .tit{font-size:1.5rem; margin:40px 13px 20px 13px;}
  #m3 .right .swiper-slide a .con{margin:23px 13px; line-height:1.6; -webkit-line-clamp:3;}
  #m3 .right .arr{bottom:10%;}
}
@media (max-width:1080px){
  #m3 .left .tit-en{font-size:3.2rem;}
  #m3 .left .tit-en-sm{font-size:2.6rem;}
  #m3 .left .tit-cn{font-size:2rem;}
  #m3 .left .desc{font-size:1.4rem;}
  #m3 .left .more{width:110px; height:40px; line-height:40px; font-size:1.4rem; padding-right:25px;}
  #m3 .left .more:before{width:12px; right:20px; top:18px;}
  #m3 .left .more:after{height:12px; right:25px; top:13px;}

  #m3 .right .swiper-slide a .date{margin-top:70%; width:86px; height:80px;}
  #m3 .right .swiper-slide a .day{font-size:3.4rem;}
  #m3 .right .swiper-slide a .ym{font-size:1.1rem;}
}
@media (max-width:920px){
  #m3{height:auto;}
  #m3 .box{padding:0; height:auto;}
  #m3 .left{width:100%; height:auto; top:0; float:none; position:relative; margin-top:0; background:#eee; box-sizing:border-box;}
  #m3 .left .tit-en{padding:50px 6% 0 6%;}
  #m3 .left .tit-en-sm{padding:0 6%;}
  #m3 .left .tit-cn{margin:30px 0 0 6%;}
  #m3 .left .desc{margin:10px 6% 0 6%;}
  #m3 .left .ctl{display:none;}
  #m3 .left .btm{position:relative; padding:0 6% 50px 6%; margin:40px 0 0 0;}

  #m3 .right{width:100%; height:auto; border-left:0 none; float:none;}
  #m3 .right .swiper-container{width:100%; height:auto; overflow:visible;}
  #m3 .right .swiper-wrapper{height:auto; display:block;}
  #m3 .right .swiper-slide{width:100%; height:auto; float:none;}
  #m3 .right .swiper-slide a{width:100%; height:auto; border:0px none; border-bottom:1px solid #eaeaea; float:none; padding-bottom:50px;}
  #m3 .right .swiper-slide a .date{margin-top:50px;}
  #m3 .right .swiper-slide a .tit{font-size:1.7rem; font-weight:normal; margin:30px 25px 20px 25px; height:auto;}
  #m3 .right .swiper-slide a .img{margin:0 25px; height:auto;}
  #m3 .right .swiper-slide a .img>img{height:auto;}
  #m3 .right .swiper-slide a:hover .img>img{width:100%; height:auto; margin:0;}
  #m3 .right .swiper-slide a .con{margin:25px 25px 40px 25px;}
  #m3 .right .arr{position:relative; left:25px; bottom:unset; margin-top:20px;}
}



#m4{height:100%; position:relative; overflow:hidden;}
#m4 .bg{width:100%; height:100%; background:url('../images/m4.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m4 .tit{margin-left:8%; margin-top:180px; color:#5d92fe; font-size:7.2rem; font-weight:bold; letter-spacing:0.1rem; position:relative; z-index:2; text-transform:uppercase;}
#m4 .tit:after{content:''; display:block; height:1px; width:60px; background:#fff; left:0; bottom:-36px; position:absolute; z-index:2;}
#m4 .con{margin-left:8%; color:#fff; font-size:1.7rem; margin-top:90px; width:40%; line-height:2.2; position:relative; z-index:2;}
#m4 .tit-sub{margin-left:8%; margin-top:60px; color:#fff; font-size:2rem; position:relative; z-index:2; font-weight:bold;}
#m4 .tit-sub img{height:20px; margin-top:-3px;}
#m4 .customer{width:40%; margin-left:8%; position:relative; z-index:2; margin-top:30px; color:#fff;}
#m4 .customer li{display:inline-block; background:#107AC0; color:#fff; padding:10px 20px; border-radius:20px; margin:0 5px 10px 0; transition:all .25s;}
#m4 .customer li:hover{background:#5d92fe;}


@media (max-width:1440px){
  #m4 .tit{margin-left:6%; font-size:6.8rem; margin-top:170px;}
  #m4 .con{margin-left:6%; font-size:1.5rem;}
  #m4 .tit-sub{margin-left:6%; font-size:1.7rem;}
  #m4 .customer{margin-left:6%; width:45%;}
}
@media (max-width:1366px){
  #m4 .tit{font-size:6.2rem; margin-top:160px;}
  #m4 .con{font-size:1.5rem; margin-top:80px;}
  #m4 .tit-sub{margin-top:40px; font-size:1.7rem;}
  #m4 .customer{width:50%;}
}
@media (max-width:1280px){
  #m4 .tit{font-size:5rem; margin-top:170px;}
  #m4 .con{margin-top:90px;}
  #m4 .tit-sub{margin-top:50px;}
}
@media (max-width:1080px){
  #m4 .tit{font-size:5rem; margin-top:165px;}
  #m4 .tit:after{width:72px;}
  #m4 .con{font-size:1.5rem; margin-top:75px; width:50%;}
  #m4 .tit-sub{margin-top:45px; font-size:1.7rem;}
  #m4 .customer{margin-top:25px; width:60%;}
}
@media (max-width:920px){
  #m4{height:auto; overflow:visible; padding-bottom:50px;}
  #m4 .tit{font-size:3.6rem; margin-top:0; padding-top:50px;}
  #m4 .tit:after{width:50px; bottom:-30px;}
  #m4 .con{margin-top:60px; width:88%;}
  #m4 .customer{width:88%; margin:20px 6%;}
}




#m5{height:100%; position:relative; overflow:hidden;}
#m5 .bg{width:100%; height:100%; background:url('../images/m5.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m5 .tit{font-family:'Montserrat', sans-serif; font-size:6.8rem; font-weight:600; color:#464646; text-transform:uppercase; margin-top:160px; position:relative; z-index:1; text-align:center; margin-bottom:100px;}
#m5 .tit:after{content:''; display:block; height:1px; position:absolute; left:50%; width:50px; bottom:-30px; margin-left:-25px; background:#666;}
#m5 .con{position:relative; z-index:2; font-size:1.6rem; text-align:center; margin-top:56px;}
#m5 .con p{margin-bottom:10px;}
#m5 .con p span.email{font-family:'Montserrat', sans-serif; font-size:3.2rem; font-weight:bold; display:inline-block; vertical-align:middle;}

#m5 .btm{position:relative; z-index:2; margin-top:100px;}
#m5 .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.5rem; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;}
#m5 .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:30px; top:20px; transition:all .3s;}
#m5 .more:hover{color:#5d92fe; border:1px solid #5d92fe;}
#m5 .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:36px; top:14px;transition:all .3s;}
#m5 .more:hover:before, #m5 .more:hover:after{transform:rotate(180deg); background:#5d92fe;}


@media (max-width:1440px){
  #m5 .tit{font-size:6.6rem;}
  #m5 .con{font-size:1.7rem;}
  #m5 .con p span.tel{font-size:3.7rem;}
}
@media (max-width:1366px){
  #m5 .tit{font-size:5.6rem; margin-top:140px; margin-bottom:90px;}
  #m5 .con{font-size:1.6rem;}
  #m5 .con p span.tel{font-size:3.2rem;}
  #m5 .btm{margin-top:60px;}
}
@media (max-width:1280px){
  #m5 .tit{font-size:5.2rem; margin-top:160px;}
  #m5 .con{font-size:1.5rem;}
  #m5 .con p span.tel{font-size:2.8rem;}
  #m5 .btm{margin-top:80px;}
  #m5 .more{width:120px; height:42px; line-height:40px; font-size:1.5rem; padding-right:20px;}
  #m5 .more:before{width:12px; right:20px; top:19px;}
  #m5 .more:after{height:12px; right:25px; top:14px;}
}
@media (max-width:1080px){
  #m5 .tit{font-size:5rem; margin-top:155px; margin-bottom:80px;}
  #m5 .tit:after{width:50px; bottom:-25px;}
  #m5 .con{margin-top:50px;}
  #m5 .left .more{width:100px; height:40px; line-height:38px; font-size:1.6rem; padding-right:25px;}
  #m5 .left .more:before{width:12px; right:36px; top:18px;}
  #m5 .left .more:after{height:12px; right:41px; top:13px;}
}
@media (max-width:920px){
  #m5{height:auto; overflow:visible; padding-bottom:80px;}
  #m5 .tit{font-size:4.2rem; margin-top:80px;}
  #m5 .con{font-size:1.3rem; font-weight:normal; font-family:'Open Sans';}
  #m5 .btm{margin-top:60px;}
}


#cer{box-shadow:0 -7px 12px rgba(0,0,0,.03); background:#fff; position:relative; z-index:2; padding-top:1px;}
@media (max-width:920px){
  #cer .main-box{margin:0;}
  #cer{padding:25px; box-sizing:border-box;}
}

#foot{background:#161616; position:relative; z-index:6;}
#foot .menu{padding:50px 35px 120px 35px; position:relative;}
#foot .menu dl{float:left; margin-right:80px; padding-left:25px; position:relative;}
#foot .menu dl:before{content:''; display:block; width:3px; height:17px; background:#fff; left:0; top:12px; position:absolute;}
#foot .menu dl dt{margin-bottom:10px;}
#foot .menu dl dt>a{display:block; font-size:1.5rem; color:#fff; padding:10px 0; text-transform:uppercase;}
#foot .menu dl dd>a{display:block; font-size:1.4rem; color:#fff; padding:6px 0; color:#ccc; text-transform:capitalize;}
#foot .menu dd.plus{display:none;}
#foot .menu dl a:hover{color:#5d92fe;}
#foot .qr{width:200px; text-align: center; float:right; margin-top:10px; margin-right:-10px;}
#foot .qr .tit{font-size:2.0rem; color:#fff; font-family:'Montserrat', sans-serif; font-weight:200;}
#foot .qr .qrcode{margin-top:20px;}
#foot .qr .qrcode img{width:129px; height:129px; background:#fff; padding:2px;}

#foot .share{width:180px; float:right; margin-top:10px; margin-right:-10px;}
#foot .share .tit{font-size:1.4rem; text-transform:uppercase; color:#fff; font-family:'Montserrat', sans-serif;}
#foot .share .icon{margin-top:20px;}
#foot .share .icon a{display:inline-block; font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; transition:all .2s; color:#555;}
#foot .share .icon .wx{vertical-align:middle; font-size:2.5rem;}
#foot .share .icon .fb{margin-left:3px; font-size:2.1rem; padding:0 1px;}
#foot .share .icon .tt{margin-left:5px; font-size:1.9rem; padding:0 1px;}
#foot .share .icon .in{margin-left:5px; font-size:2.4rem; padding:0 1px;}
#foot .share .icon .gp{margin-left:5px; font-size:2rem; padding:0 1px;}
#foot .share .icon a:hover{color:#5d92fe;}



#foot .top{display:block; width:45px; height:45px; position:absolute; left:50%; bottom:35px; background:url('../images/arrow.png') no-repeat center; font-size:45px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; transition:all .25s; margin-left:-22.5px; color:#555;}
#foot .top:hover{background:url('../images/arrow_1.png') no-repeat center;color:#5d92fe;}

#foot .btm{border-top:1px solid rgba(255,255,255,.16); height:100px; padding:0 35px; line-height:48px; font-size:1.4rem; color:#666;}
#foot .btm .left>span{display:inline-block;}
#foot .btm .left{width:60%; float:left;}
#foot .btm .right{width:40%; float:left; text-align:right;}
#foot .btm .right a{display:inline-block;}
#foot .btm .right a.dark{color:#333;}

.cityLink ul {
    float: left;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
  }
   .cityLink li {
    display: inline-block;
    margin: 0 5px;
    overflow: hidden;
    white-space: nowrap;
  }
  .fink_box_tl{float: left;}

@media (max-width:1440px){
  #foot .menu dl{margin-right:90px;}
  #foot .menu dl dt>a{font-size:1.9rem;}
  #foot .top{width:42px; height:42px; margin-left:-21px; font-size:42px;}
}
@media (max-width:1366px){
  #foot .menu dl{margin-right:80px;}
}
@media (max-width:1280px){
  #foot .menu dl:before{height:18px;}
  #foot .menu dl dt>a{font-size:1.8rem;}
  #foot .menu dl dd>a{font-size:1.4rem;}
  #foot .top{width:40px; height:40px; margin-left:-20px; font-size:40px;}
}
@media (max-width:1080px){
  #foot .menu dl{margin-right:70px;}
  #foot .menu dl dt>a{font-size:1.6rem;}
  #foot .menu dl dd>a{font-size:1.3rem;}
  #foot .btm{font-size:1.3rem;}
  #foot .top{width:36px; height:36px; margin-left:-18px; font-size:36px;}
}
@media (max-width:920px){
  #foot .menu{padding:45px 0 106px 0;}
  #foot .menu dl{float:none; margin:0 35px;}
  #foot .menu dl:before{height:18px; top:15px;}
  #foot .menu dl dt>a{display:inline-block; padding-top:14px; font-size:1.6rem;}
  #foot .menu dl dd{display:none; padding-bottom:20px;}
  #foot .menu dl dd>a{font-size:1.4rem;}
  #foot .menu dd.plus{display:block; padding-bottom:0; width:40px; height:100%; position:absolute; right:-15px; top:0;}
  #foot .menu dd.plus:after{content:''; display:block; position:absolute; right:13px; top:25px; background:#fff; width:12px; height:2px;}
  #foot .menu dd.plus:before{content:''; display:block; position:absolute; right:18px; top:20px; background:#fff; width:2px; height:12px; transition:all .3s;}
  #foot .menu dd.plus.active:before{height:0px; top:26px;}
  /*
  #foot .qr{width:100%; float:none; margin-top:40px; margin-right:0; border-top:1px solid rgba(255,255,255,.16); padding-top:40px; text-align:center;}
  #foot .qr .tit{font-size:2.6rem;}
  #foot .qr .qrcode img{width:186px; height:186px; padding:3px;}
  */
  #foot .share{width:100%; float:none; margin-top:40px; margin-right:0; margin-bottom:20px; border-top:1px solid rgba(255,255,255,.16); padding-top:40px; text-align:center;}
  #foot .share .tit{font-size:1.8rem;}
  #foot .share .icon .wx{font-size:3.2rem;}
  #foot .share .icon .fb{font-size:2.6rem; margin-left:8px;}
  #foot .share .icon .tt{font-size:2.4rem; margin-left:8px;}
  #foot .share .icon .in{font-size:3rem; margin-left:8px;}
  #foot .share .icon .gp{font-size:2.6rem; margin-left:8px;}

  #foot .top{width:42px; height:42px; margin-left:-21px; font-size:42px;}

  #foot .btm{padding:25px 15px 30px 15px; text-align:center; height:auto; line-height:1;}
  #foot .btm .left{width:100%; float:none;}
  #foot .btm .left>span.space{display:none;}
  #foot .btm .left>span.copyright{display:block; padding:8px 0;}
  #foot .btm .right{width:100%; float:none; text-align:center;}
  #foot .cityLink{display:none;}
}



#bans{position:relative; width:100%; height:100%; z-index:2; background-repeat:no-repeat; background-position:bottom;  background-size:cover; z-index:2;}
#bans.fix{}
#bans .con{position:absolute; z-index:4; width:100%; left:0; top:36%; color:#fff; line-height:1.1; text-align:center;}
#bans .tit{font-size:4.2rem; margin-bottom:80px; position:relative; text-transform:uppercase; font-weight:bold;}
#bans .tit.contact{font-family:'Montserrat', sans-serif; font-weight:600;}
#bans .tit:after{content:''; display:block; position:absolute; left:50%; width:62px; height:1px; margin-left:-31px; bottom:-40px; background:#fff;}
#bans .nav{font-size:3.2rem; font-weight:300; color:#5d92fe; text-transform:uppercase;}
#bans .mouse{bottom:120px;}


#bans .menu-sub, #banssm .menu-sub{height:70px; position:absolute; width:100%; left:0; bottom:0;}
#bans .menu-sub p, #banssm .menu-sub p{display:none;}
#bans .menu-sub a, #banssm .menu-sub a{display:block; float:left; background:rgba(0,0,0,.5); height:100%; line-height:70px; font-size:2rem; text-align:center; color:#fff; border-right:1px solid rgba(255,255,255,.2); box-sizing:border-box; transition:all .2s;}
#bans .menu-sub a:hover, #banssm .menu-sub a:hover{color:#5d92fe; background:rgba(0,0,0,.7);}
#bans .menu-sub a.active, #banssm .menu-sub a.active{background:#5d92fe; color:#fff; border-right:0px none;}
#bans .menu-sub a:last-child, #banssm .menu-sub a:last-child{border-right:0px none;}
#bans .menu-sub.about a, #banssm .menu-sub.about a{width:50%;}
#bans .menu-sub.product a, #banssm .menu-sub.product a{width:50%;}
#bans .menu-sub.media a, #banssm .menu-sub.media a{width:33.33333%;}
#bans .menu-sub.market a, #banssm .menu-sub.market a{width:33.33333%;}

#banssm{height:120px; background:#161616; position:relative; z-index:8;}
#banssm .menu-sub{height:60px;}
#banssm .menu-sub a{line-height:60px; font-size:1.8rem;}


.main-box{max-width:1400px; padding:0 50px; box-sizing:border-box; margin:50px auto; overflow:hidden;}


@media (max-width:1440px){

  #bans .menu-sub, #banssm .menu-sub{height:62px;}
  #bans .menu-sub a, #banssm .menu-sub a{line-height:62px; font-size:1.8rem;}
}
@media (max-width:1366px){
  #bans .tit{font-size:4rem;}
  #bans .nav{font-size:3rem;}

  .main-box{max-width:100%;}
}
@media (max-width:1280px){
  #bans .menu-sub, #banssm .menu-sub{height:58px;}
  #banssm{height:118px;}
  #bans .menu-sub a, #banssm .menu-sub a{line-height:58px; font-size:1.7rem;}
}
@media (max-width:1080px){
  #bans .tit{font-size:3.2rem;}
  #bans .nav{font-size:2.2rem;}
}
@media (max-width:920px){
  #bans .tit{font-size:3rem; margin-bottom:50px;}
  #bans .tit:after{bottom:-25px;}
  #bans .nav{font-size:2.4rem;}

  #bans .menu-sub, #banssm .menu-sub{height:56px;}
  #bans .menu-sub p{height:56px;}
  #bans .menu-sub p, #banssm .menu-sub p{display:block; height:56px; line-height:54px; background:#161616; color:#fff; font-size:1.6rem; padding-left:25px; position:relative; border-bottom:1px solid rgba(255,255,255,.1);}
  #bans .menu-sub p img, #banssm .menu-sub p img{position:absolute; right:23px; top:17px; height:20px; transition:all .25s;}
  #bans .menu-sub p.active img, #banssm .menu-sub p.active img{transform:rotate(180deg);}
  #bans .menu-sub div, #banssm .menu-sub div{display:none;}
  #bans .menu-sub a, #banssm .menu-sub a{width:100% !important; text-align:left; height:52px; line-height:52px; padding-left:35px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.1); font-size:1.5rem; background:#161616;}

  .main-box{padding:0;}
}


.about-box{height:400px; padding:30px 0;}
.about-box .left{width:450px; float:left; border-right:1px solid #eaeaea; height:100%; box-sizing:border-box;}
.about-box .left .top{height:200px; border-bottom:1px solid #eaeaea; padding-right:35px; position:relative;}
.about-box .left .btm{padding-top:35px; position:relative;}
.about-box .left .top .img{position:absolute; right:30px; top:0px; height:128px;}
.about-box .left .btm .img{position:absolute; right:40px; top:30px; height:100px;}
.about-box .center{width:470px; float:left; border-right:1px solid #eaeaea; height:100%; box-sizing:border-box; padding:0 35px;}
.about-box .right{width:380px; float:right; box-sizing:border-box; padding-left:35px;}
.about-box .tit{font-size:2.8rem; color:#464646;}
.about-box .val{font-size:1.8rem; line-height:1; margin-top:30px;}
.about-box .left .num{font-size:5.8rem; text-transform:uppercase; color:#5d92fe; font-family:'Montserrat', sans-serif; font-weight:600; display:inline-block; vertical-align:baseline; line-height:1; margin-right:3px;}
.about-box .desc{margin-top:12px; font-size:1.3rem; line-height:1.6;}
.about-box .left .btm .desc{margin-top:30px;}
.about-box .left .btm .desc .stress{color:#5d92fe; font-size:2rem; margin-left:6px; display:inline-block;}
.about-box .left .btm .desc p{margin-bottom:8px;}

.about-box .center .desc{line-height:1.9; margin-top:25px;}
.about-box .center .img{display:block; margin:35px auto; height:256px;}
.about-box .right .desc{line-height:1.9; margin-top:25px;}
.about-box .right .img{display:block; margin:35px auto; height:158px;}


#am1{background:url('../images/am1.jpg') no-repeat center; background-size:cover; background-attachment:fixed; color:#fff; padding:60px 0 60px 0;}
#am1 .tit{font-size:3.6rem; position:relative;}
#am1 .tit:after{content:''; display:block; height:1px; width:50px; left:0; bottom:-30px; background:rgba(255,255,255,.3); position:absolute; left:50%; margin-left:-25px;}
#am1 .con{font-size:1.6rem; margin-top:60px; line-height:1.8; letter-spacing:.08rem;}
#am1 .con p{margin-bottom:15px;}

.about-l{width:100%; float:none; text-align:center;}
.about-r{width:45%; float:right;}


#am2{background:#107AC0; padding:30px 0; position:relative; z-index:1;}
#am2 .tit{font-size:4.6rem; color:#fff; font-weight:bold;}
#am2 .line{height:1px; background:rgba(255,255,255,.1); width:100%; margin-top:88px;}
#am2 .swiper-container{margin-top:-35px; padding:0 0 0 30px;}
#am2 .swiper-slide{min-height:200px;}
#am2 .swiper-slide .tit{font-size:4.6rem; font-family:'Montserrat', sans-serif; font-weight:600; position:relative; padding-top:70px;}
#am2 .swiper-slide .tit:before{background:#fff; content:''; display:block; width:1px; height:70px; position:absolute; left:8px; top:0; transform:rotate(40deg);}
#am2 .swiper-slide .con{font-size:1.4rem; color:#fff;}
#am2 .swiper-slide .con ul{padding-left:20px;}
#am2 .swiper-slide .con ul>li{position:relative; margin:25px 0; line-height:1.7; padding-right:30px;}
#am2 .swiper-slide .con ul>li:after{content:''; display:block; background:#fff; width:7px; height:7px; position:absolute; left:-20px; top:9px; border-radius:100%;}
#am2 .np{padding:60px 0 30px 0; text-align:center; position:relative;}
#am2 .np>div{position:relative; display:inline-block; padding:0 40px; outline:none;}



#am3{min-height:600px; padding:30px 0 60px 0; background:url('../images/am3.jpg') no-repeat right bottom; background-size:cover;}
#am3 .tit{font-size:4.6rem; color:#464646; font-weight:bold;}
#vL{width:800px; height:450px; background:#222; cursor:pointer; margin:50px auto 90px auto; position:relative;}
#vL>p{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:#000; filter:alpha(opacity=70); opacity:.5; display:block;}
#vL>span{width:66px; height:66px; position:absolute; left:50%; top:50%; z-index:3; background:url(../images/play.png) no-repeat; background-size:100% 100%; margin:-38px 0 0 -33px; transition:all .3s; display:block;}
#vL:hover>span{filter:alpha(opacity=60); opacity:.6;}
#vL>div{position:absolute; left:0; top:0; width:100%; height:100%;}

#am3 .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.5rem; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;}
#am3 .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:30px; top:20px; transition:all .3s;}
#am3 .more:hover{color:#5d92fe; border:1px solid #5d92fe;}
#am3 .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:36px; top:14px;transition:all .3s;}
#am3 .more:hover:before, #am3 .more:hover:after{transform:rotate(180deg); background:#5d92fe;}


@media (max-width:1440px){
  #am1 .con{font-size:1.5rem;}
  #am2 .tit{font-size:4.2rem;}
  #am2 .swiper-slide .tit{font-size:4.6rem;}
  #am2 .swiper-slide .con{font-size:1.5rem;}
  #am3 .tit{font-size:4.2rem;}
}
@media (max-width:1366px){
  .about-box .left{width:430px;}
  .about-box .center{width:459px;}
  .about-box .right{width:360px;}
  .about-box .tit{font-size:3rem;}
  .about-box .left .num{font-size:5.3rem;}
}
@media (max-width:1280px){
  .about-box .left{width:400px;}
  .about-box .center{width:430px;}
  .about-box .right{width:330px;}
  .about-box .desc{font-size:1.3rem;}
  .about-box .left .btm .desc .stress{font-size:1.8rem;}
  #am1 .tit{font-size:3rem; position:relative;}
  #am1 .con{font-size:1.5rem;}
  #am2{padding:20px 0 15px 0;}
  #am2 .tit{font-size:4rem;}
  #am2 .swiper-slide .tit{font-size:4.2rem;}
  #am2 .swiper-slide .con{font-size:1.4rem;}
  #am3 .tit{font-size:4rem;}

  #am3 .more{width:120px; height:40px; line-height:40px; font-size:1.5rem; padding-right:25px;}
  #am3 .more:before{width:12px; right:25px; top:19px;}
  #am3 .more:after{height:12px; right:30px; top:14px;}
}
@media (max-width:1080px){
  .about-box{height:auto; padding:15px 0;}
  .about-box .left{width:100%; float:none; border-right:0 none; height:auto;}
  .about-box .left .top{width:50%; float:left; height:200px; border-bottom:0 none; border-right:1px solid #eaeaea; padding-right:0; box-sizing:border-box;}
  .about-box .left .btm{width:50%; float:right; padding-top:0; padding-left:35px; box-sizing:border-box;}
  .about-box .left .btm .img{right:0;}
  .about-box .center{width:50%; height:200px; padding:0 35px 0 0; border-top:1px solid #eaeaea; padding-top:35px; position:relative;}
  .about-box .center .desc{padding-right:100px;}
  .about-box .center .img{margin:auto; height:110px; position:absolute; right:35px; top:30px;}
  .about-box .right{width:50%; padding-left:35px; border-top:1px solid #eaeaea; padding-top:30px; position:relative;}
  .about-box .right .desc{padding-right:110px;}
  .about-box .right .img{margin:auto; height:100px; position:absolute; right:-12px; top:33px;}

  #am1{padding:25px 0 25px 0;}

  #am2{padding:10px 0 10px 0;}
  #am2 .tit{font-size:3.6rem;}
  #am2 .swiper-slide .tit{font-size:3.8rem;}
  #am2 .swiper-slide .con{font-size:1.4rem;}

  #am3{min-height:auto; padding:20px 0;}
  #am3 .tit{font-size:3.6rem;}
}
@media (max-width:920px){
  .about-box{padding:0; margin-top:-5px;}
  .about-box .left .top{width:100%; float:none; height:200px; border-bottom:1px solid #eaeaea; border-right:0 none; padding:0 25px;}
  .about-box .left .top .img{right:25px;}
  .about-box .left .btm{width:100%; float:none; padding:30px 25px; border-bottom:1px solid #eaeaea;}
  .about-box .left .btm .img{right:25px;}
  .about-box .center{width:100%; height:220px; padding:30px 25px; border-top:0 none; border-bottom:1px solid #eaeaea;}
  .about-box .center .desc{padding-right:110px;}
  .about-box .center .img{height:100px; right:25px;}
  .about-box .right{width:100%; padding:30px 25px; border-top:0px none; }
  .about-box .right .desc{padding-right:110px;}
  .about-box .right .img{right:25px;}

  #am1{padding:10px 25px; background:#1b1b1b;}
  .about-l{width:100%; float:none;}
  #am1 .tit{font-size:2.6rem;}
  #am1 .con{font-size:1.4rem; line-height:1.5;}
  #am1 .con p{margin-bottom:20px;}

  #am2{padding:5px 25px 1px 25px;}
  #am2 .tit{font-size:3rem;}
  #am2 .swiper-slide .con{font-size:1.6rem;}
  #am2 .line{margin-top:60px;}
  #am2 .swiper-slide .tit{padding-top:60px;}
  #am2 .swiper-slide .tit:before{height:50px; top:10px;}
  #am2 .swiper-slide .con ul>li{margin:13px 0;}
  #am2 .swiper-slide .con ul>li:after{width:7px; height:7px; top:10px;}

  #am3{padding:5px 25px 25px 25px;}
  #am3 .tit{font-size:3rem;}
  #vL{width:100%; height:auto; margin:50px auto 60px auto;}


}



#honor{min-height:850px;}
#honor .main-box{padding:15px 50px;}
#honor .main-box>.tit{font-size:4.2rem; color:#464646; position:relative; font-weight:300;}
#honor .main-box>.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}

#honor .list{margin-top:80px; width:1325px;}
#honor .list a{display:block; width:306px; height:450px; border:1px solid #eaeaea; box-sizing:border-box; float:left; margin-right:25px; margin-bottom:30px; padding:25px 25px 0 25px; transition:all .3s;}
#honor .list a .img{width:256px; height:360px; background:#eee;}
#honor .list a .img>img{max-width:100%; max-height:100%; transition:all .3s;}
#honor .list a .tit{color:#464646; height:60px; line-height:58px; text-align:center; font-size:1.4rem; transition:all .3s;}
#honor .list a:hover{background:#5d92fe;}
#honor .list a:hover .tit{color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#honor .list a:hover .img>img{box-shadow:5px 5px 25px rgba(0,0,0,.16);}

@media (max-width:1440px){

}
@media (max-width:1366px){
  #honor .main-box{padding:10px 35px;}
}
@media (max-width:1280px){
  #honor .main-box{padding:0 25px;}
  #honor .list{margin-top:70px; width:1280px;}
  #honor .list a{display:block; width:288px; height:425px;}
  #honor .list a .img{width:238px; height:336px; background:#eee;}
}
@media (max-width:1080px){
  #honor .list{margin-top:70px; width:1080px;}
  #honor .list a{display:block; width:238px; height:350px;}
  #honor .list a .img{width:188px; height:265px; background:#eee;}
  #honor .list a .tit{font-size:1.3rem;}
}
@media (max-width:920px){
  #honor .main-box>.tit{font-size:3.6rem;}
  #honor .list{width:100%;}
  #honor .list a{width:100%; height:auto; float:none; margin-right:0; margin-bottom:30px;}
  #honor .list a .img{width:100%; height:auto;}
  #honor .list a .tit{font-size:1.5rem;}
}



#product{min-height:750px;}
#product .item{min-height:600px; position:relative;}
#product .item>.img{width:50%; min-height:600px; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; right:0; top:0;}
#product .item:nth-child(even)>.img{left:0;}
#product .item .con{width:50%; min-height:600px; height:100%; float:left; padding:75px 85px; box-sizing:border-box; position:relative;}
#product .item .con:before{position:absolute; right:-18px; top:50%; margin-top:-20px; background:#fff; display:block; content:''; width:36px; height:36px; transform:rotate(45deg);}
#product .item:nth-child(even) .con{float:right;}
#product .item:nth-child(even) .con:before{left:-18px;}
#product .item .con .tit{font-size:3.2rem; color:#464646; font-weight:bold; text-transform:uppercase;}
#product .item .con .tit-sub{font-size:1.4rem; color:#999; margin-top:10px; line-height:1.6;}
#product .item ul{margin-top:50px;}
#product .item ul li{display:inline-block; width:166px; margin:0 30px 25px 0; vertical-align:top;}
#product .item ul li:nth-child(4n){margin:0 0 25px 0;}
#product .item ul li>a{display:block; width:166px;}
#product .item ul li>a .img{display:block; width:135px; height:135px; background:#eee; border-radius:100%; padding:5px; box-sizing:border-box; overflow:hidden; transition:all .35s ease; position:relative; margin:auto;}
#product .item ul li>a .img img{width:100%; height:100%; transition:all .3s; max-width:none;}
#product .item ul li>a .name{font-size:1.3rem; text-align:center; padding:12px 0; text-align:center; color:#2b2b2b; line-height:1.5; font-family:'Open Sans', Sans-Serif;}
#product .item ul li>a:hover .img{background:#107AC0;}
#product .item ul li>a:hover .img img{width:116%; height:116%; margin:-8%;}
#product .item ul li>a:hover .name{color:#107AC0;}


@media (max-width:1440px){
  #product{min-height:auto;}
  #product .item{min-height:auto;}
  #product .item>.img{min-height:auto;}
  #product .item .con{min-height:auto; padding:45px 55px;}
  #product .item ul li{width:130px; margin:0 25px 15px 0;}
  #product .item ul li>a{width:130px;}
  #product .item ul li>a .img{width:120px; height:120px;}
}
@media (max-width:1366px){
  #product .item .con{padding:35px 45px;}
  #product .item ul li{width:126px; margin:0 20px 15px 0;}
  #product .item ul li>a{width:126px;}
}
@media (max-width:1280px){
  #product .item .con{padding:35px 40px;}
  #product .item .con .tit{font-size:2.6rem;}
  #product .item .con .tit-sub{font-size:1.3rem;}
  #product .item ul li{width:116px; margin:0 19px 15px 0;}
  #product .item ul li>a{width:116px;}
  #product .item ul li>a .img{width:116px; height:116px;}
}
@media (max-width:1080px){
  #product .item>.img{width:100%; height:300px; position:relative;}
  #product .item:nth-child(even)>.img{left:unset;}
  #product .item .con{width:100%; float:none; padding:35px 50px;}
  #product .item .con:before{display:none;}

  #product .item ul{margin-top:40px;}
  #product .item ul li{width:160px; margin:0 20px 20px 0;}
  #product .item ul li:nth-child(4n){margin:0 20px 20px 0;}
  #product .item ul li>a{width:160px;}
  #product .item ul li>a .img{width:130px; height:130px;}
  #product .item ul li>a .name{width:160px;}
}
@media (max-width:920px){
  #product .item>.img{height:200px;}
  #product .item .con .tit{font-size:3rem; line-height:1.1; padding-top:10px;}
  #product .item .con .tit-sub{font-size:1.4rem;}
  #product .item .con{margin:25px 20px; text-align:center; padding:0; width:auto;}
  #product .item ul li{width:45%; margin:0 0 15px 0;}
  #product .item ul li:nth-child(4n){margin:0 0 15px 0;}
  #product .item ul li>a{width:100%;}
  #product .item ul li>a .img{margin:auto; width:136px; height:136px;}
  #product .item ul li>a .name{font-size:1.4rem; text-align:center; padding:12px 0; text-align:center; color:#464646;}
}



#search{height:52px; background:#fff; border-bottom:1px solid #eaeaea;}
#search .main-box{padding:14px 50px; margin:0 auto; height:52px;}
#search .main-box i{font-family:"iconfont" !important; font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#464646; display:inline-block; vertical-align:middle;}
#search input{border:0px none; font-size:1.4rem; vertical-align:middle; margin-top:-1px; margin-left:5px; color:#464646; width:1270px;}
#search input::-webkit-input-placeholder{color:#464646;}


#pro-list{min-height:840px; padding:15px 0;}
#pro-list .main-box .root{font-size:3.6rem; color:#464646; text-align:center; font-weight:bold;}
#pro-list .main-box .sibling{margin:26px auto; text-align:center;}
#pro-list .main-box .sibling>a{display:inline-block; font-size:1.4rem; color:#464646; padding:10px 5px; margin:0 20px; position:relative;}
#pro-list .main-box .sibling>a:hover{color:#777177;}
#pro-list .main-box .sibling>a.active:after{content:''; display:block; width:100%; height:2px; background:#464646; left:0; bottom:0; position:absolute;}
#pro-list .main-box .sibling>span{display:inline-block; height:16px; width:1px; background:#ddd; vertical-align:middle; margin-top:-3px;}

#pro-list .list{margin-top:50px; width:1330px; margin-left:-2px;}
#pro-list .list a{display:block; width:418px; height:418px; float:left; margin-right:25px; margin-bottom:30px;}
#pro-list .list a .img{width:418px; height:280px; position:relative; overflow:hidden; background:#eee; /*border:1px solid #eaeaea; box-sizing:border-box;*/}
#pro-list .list a .img:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;  transition:all .45s; z-index:1;}
#pro-list .list a .img>div{display:table; position:absolute; z-index:2; left:0; top:0; color:#fff; width:100%; height:100%; table-layout:fixed;}
#pro-list .list a .img>div>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:1.4rem; transition:all .45s; opacity:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box; padding:0 20px;}
#pro-list .list a .img>div:before{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:120px; background:#fff; opacity:0; transition:all .55s ease;}
#pro-list .list a .img>div:after{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:160px; background:#fff; opacity:0; transition:all .55s ease;}
#pro-list .list a .img>img{max-width:none; width:100%; height:100%; transition:all .35s ease;}
#pro-list .list a .con{border:1px solid #eaeaea; height:138px; box-sizing:border-box; border-top:0px none; padding:30px;}
#pro-list .list a .con .name{font-size:1.6rem; color:#464646; height:60px;}
#pro-list .list a .con .more{border-top:1px solid #eaeaea; padding-top:13px; position:relative; color:#999;}
#pro-list .list a .con .more>span{display:block; position:absolute; right:0; top:22px; height:1px; width:30px; background:#ccc; transition:all .3s;}
#pro-list .list a .con .more>span:before{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(45deg); right:0; top:-3px; position:absolute;}
#pro-list .list a .con .more>span:after{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(135deg); right:0; top:3px; position:absolute;}
#pro-list .list a:hover .img:before{background:rgba(0,0,0,.5);}
#pro-list .list a:hover .img>img{width:110%; height:110%; margin:-5%;}
#pro-list .list a:hover .img>div>span{opacity:1;}
#pro-list .list a:hover .img>div:before{width:10px; left:50%; margin-left:-5px; opacity:.6;}
#pro-list .list a:hover .img>div:after{width:10px; left:50%; margin-left:-5px; opacity:.6;}

.last-num{margin:20px 0 40px 0; text-align:center; color:#999; font-size:1.4rem;}
.last-num>span{display:inline-block; padding:0 1px; font-family:'Montserrat', sans-serif; font-size:2rem; font-weight:600; color:#5d92fe;}

.more-box{margin:0px 0 100px 0; height:47px;}
.more-box>.more{display:block; width:130px; height:45px; line-height:44px; font-size:1.5rem; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;}
.more-box>.more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:30px; top:20px; transition:all .3s;}
.more-box>.more:hover{color:#5d92fe; border:1px solid #5d92fe;}
.more-box>.more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:36px; top:14px;transition:all .3s;}
.more-box>.more:hover:before, .more-box>.more:hover:after{transform:rotate(180deg); background:#5d92fe;}

.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:#67CF22; 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);}
}


@media (max-width:1440px){
  #pro-list{min-height:auto;}
}
@media (max-width:1366px){
  #search .main-box{padding:14px 35px;}
  #search input{width:1200px;}

  #pro-list{padding:0;}
  #pro-list .main-box{padding:0 35px;}
  #pro-list .list{margin-top:40px; width:1330px; margin-left:0;}
  #pro-list .main-box .sibling{margin:20px auto;}
  #pro-list .list a{width:415px; height:415px;}
  #pro-list .list a .img{width:415px; height:278px;}

  .more-box{margin:0px 0 80px 0;}
  .loading-box{margin:0px 0 80px 0;}
}
@media (max-width:1280px){
  #search .main-box{padding:14px 35px;}
  #search input{width:1140px;}

  #pro-list .list{margin-top:40px; width:1240px;}
  #pro-list .list a{width:386px; height:386px;}
  #pro-list .list a .img{width:386px; height:260px;}
  #pro-list .list a .img>div:before{top:110px;}
  #pro-list .list a .img>div:after{top:150px;}
  #pro-list .list a .con{height:128px; padding:25px;}
  #pro-list .list a .con .name{height:56px;}

  .more-box{margin:0px 0 60px 0;}
  .loading-box{margin:0px 0 60px 0;}
}
@media (max-width:1080px){
  #search .main-box{padding:14px 32px;}
  #search input{width:960px;}


  #pro-list .main-box .root{font-size:3.6rem;}
  #pro-list .main-box .sibling{margin:16px auto;}
  #pro-list .main-box .sibling>a{font-size:1.3rem; padding:5px; margin:0 13px;}

  #pro-list .list{margin-top:40px; width:1040px;}
  #pro-list .list a{width:320px; height:320px;}
  #pro-list .list a .img{width:320px; height:215px;}
  #pro-list .list a .img>div:before{top:87px;}
  #pro-list .list a .img>div:after{top:127px;}
  #pro-list .list a .con{height:110px; padding:15px;}
  #pro-list .list a .con .name{height:50px; font-size:1.4rem;}

  .more-box{margin:0px 0 50px 0;}
  .loading-box{margin:0px 0 50px 0;}
}
@media (max-width:920px){
  #search .main-box{padding:14px 25px;}
  #search input{width:88%; font-size:1.6rem; box-sizing:border-box; vertical-align:middle;}
  #search i{margin-top:-3px;}

  #pro-list{margin-top:-15px;}
  #pro-list .main-box{padding:0 25px;}

  #pro-list .main-box .root{line-height:1.1;}

  #pro-list .main-box .sibling{text-align:left; line-height:1.8; padding:0;}
  #pro-list .main-box .sibling>a{font-size:1.4rem; padding:9px 0 9px 18px; margin:0; position:relative; letter-spacing:0; display:block; line-height:1.2;}
  #pro-list .main-box .sibling>a:before{position:absolute; left:2px; top:14px; width:6px; height:6px; background:#fff; content:''; display:block; border:1px solid #464646; box-sizing:border-box;}
  #pro-list .main-box .sibling>a.active:after{bottom:0; margin-left:16px; width:calc(100% - 16px);}
  #pro-list .main-box .sibling>a.active:before{background:#464646;}
  #pro-list .main-box .sibling>span{display:none;}

  #pro-list .list{width:100%;}
  #pro-list .list a{width:100%; height:auto; margin-bottom:25px;}
  #pro-list .list a .img{width:100%; height:auto; padding-top:68%; position:relative;}
  #pro-list .list a .img img{position:absolute; width:100%; height:100%; left:0; top:0;}
  #pro-list .list a .con{height:110px; padding:15px;}
  #pro-list .list a .con .name{height:50px; font-size:1.4rem;}

  #pro-list .list a .img>div>span{display:none;}
  #pro-list .list a .img>div:before{display:none;}
  #pro-list .list a .img>div:after{display:none;}
}



#pro-view .main-box{padding:20px 50px; position:relative; z-index:1; overflow:unset;}

#pro-view .pn{position:absolute; left:0; top:50%; width:100%; height:0; background:#ccc; z-index:9; margin-top:-80px;}
#pro-view .pn .prev{font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:48px; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; border-radius:100%; display:block; position:absolute; left:-50px; top:0; transition:all .2s;}
#pro-view .pn .next{font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:48px; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; border-radius:100%; display:block; position:absolute; right:-50px; top:0; transform:rotate(180deg); transition:all .2s;}
#pro-view .pn .prev:hover, #pro-view .pn .next:hover{background:#5d92fe; color:#fff; border:1px solid #5d92fe;}

#pro-view .pro-move{margin:0 auto 0 auto; min-height:400px; position:relative; z-index:1; width:50%; float:left;}
#pro-view .bx-wrapper img{display:block; margin:auto; height:auto;}
#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; background:#f6f6f6; padding:10px 10px 5px 10px; text-align:left;}
#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;}
#pro-view .pro-move .bx-pager a>img{max-width:64px; max-height:64px; 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:#5d92fe; position:relative;}
#pro-view .pro-move .bx-pager a.active>img{-webkit-filter:brightness(116%); filter:brightness(116%);}
#pro-view .pro-move .bx-prev{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;}
#pro-view .pro-move .bx-prev:after{content:''; display:block; width:30px; height:30px; background:url('../images/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; left:14px; top:15px;}
#pro-view .pro-move .bx-next{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;}
#pro-view .pro-move .bx-next:after{content:''; display:block; width:30px; height:30px; background:url('../images/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; right:13px; top:15px; transform:rotate(180deg);}
#pro-view .pro-move .bx-wrapper .bx-controls-direction a{opacity:0;}
/*
#pro-view .pro-move .bx-wrapper:hover .bx-controls-direction a{opacity:1;}
#pro-view .pro-move .bx-prev:hover,#pro-view .pro-move .bx-next:hover{background:rgba(0,0,0,.3);}
*/


#pro-view .pro-info{width:45%; float:right;}
#pro-view .pro-info h1{font-weight:bold; font-size:3.2rem; color:#464646; display:block; margin:0;}
#pro-view .pro-info .path{font-size:1.3rem; margin:10px 0; line-height:1.5;}
#pro-view .pro-info .path a{display:inline-block;}

#pro-view .pro-info .label{margin-top:25px; font-size:1.4rem; background:url('../images/ico.label.png?1') no-repeat left 3px; padding-left:26px; background-size:20px; min-height:20px;}
#pro-view .pro-info .label .tit{color:#999;}
#pro-view .pro-info .label a{display:inline-block; color:#464646; padding:0; margin:0 12px 8px 0; border:1px solid transparent;}
#pro-view .pro-info .label a:hover{color:#5d92fe; border-bottom:1px solid #5d92fe;}

#pro-view .share{border-bottom:1px solid #eaeaea; padding-bottom:25px; margin-top:20px;}
#pro-view .share a{display:inline-block; font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; color:#ccc; transition:all .2s;}
#pro-view .share .wx{vertical-align:middle; font-size:24px;}
#pro-view .share .fb{margin-left:3px; font-size:18px; padding:0 1px;}
#pro-view .share .tt{margin-left:3px; font-size:18px; padding:0 1px;}
#pro-view .share .in{margin-left:3px; font-size:22px; padding:0 1px;}
#pro-view .share .gp{margin-left:3px; font-size:18px; padding:0 1px;}
#pro-view .share a:hover{color:#5d92fe;}

#pro-view .ctrl{margin-top:40px;}
#pro-view .ctrl .quiry{display:inline-block; font-size:1.5rem; color:#fff; background:#107AC0; width:200px; height:50px; text-align:center; line-height:48px;}
#pro-view .ctrl .quiry img{height:16px; margin-right:10px; transition:all .25s ease;}
#pro-view .ctrl .quiry:hover img{margin-right:24px;}



#pro-detail{margin-top:50px; min-height:300px;}
#pro-detail .tag-tit{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:86px; position:relative;}
#pro-detail .tag-tit .back{font-family:"iconfont" !important;  font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; left:0; top:0; display:block; width:70px; height:86px; line-height:85px; border-right:1px solid #eaeaea; text-align:center; transition:all .2s;}
#pro-detail .tag-tit .back:hover{background:#107AC0; color:#fff;}
#pro-detail .tag-tit .main-box{margin:0 auto; overflow:unset;}
#pro-detail .tag-tit .main-box>a{display:inline-block; height:100%; line-height:85px; font-size:1.7rem; padding:0 35px; position:relative; font-weight:bold;}
#pro-detail .tag-tit .main-box>a:after{content:''; display:block; width:0; height:2px; background:#5d92fe; left:50%; bottom:-3px; position:absolute; transition:all .3s;}
#pro-detail .tag-tit .main-box>a:hover{color:#5d92fe;}
#pro-detail .tag-tit .main-box>a:hover:after, #pro-detail .tag-tit .main-box>a.active:after{width:100%; left:0;}
#pro-detail .tag-tit .main-box>a.active{color:#464646;}


#pro-detail .tag-con .main-box{padding-bottom:100px;}
#pro-detail .tag-con .item{}
#pro-detail .tag-con .item .tit{display:inline-block; background:#6793ff; padding:10px 20px; color:#fff; font-size:18px; font-weight:300;}
#pro-detail .tag-con .item .con{/*font-family:'Open Sans', Sans-Serif;*/}
#pro-detail .tag-con .item table td .small{transform:scale(0.8,0.8);}
#pro-detail .tag-con #all-close{display:none;}


@media (max-width:1440px){
  #pro-view .main-box{padding:20px 76px;}
  #pro-view .pn .prev{left:0;}
  #pro-view .pn .next{right:0;}
  #pro-detail .tag-tit .main-box{margin-left:25px;}
}
@media (max-width:1366px){
  #pro-view .pn .prev{font-size:20px; width:42px; height:42px; line-height:42px; left:15px;}
  #pro-view .pn .next{font-size:20px; width:42px; height:42px; line-height:42px; right:15px;}

  #pro-detail .tag-tit{height:76px;}
  #pro-detail .tag-tit .back{height:76px; line-height:76px;}
  #pro-detail .tag-tit .main-box>a{line-height:75px; font-size:1.6rem;}
}
@media (max-width:1280px){
  #pro-view .pro-move{min-height:auto;}
  #pro-view .pro-move .bx-wrapper{min-height:auto;}
  #pro-detail .tag-tit .main-box>a{font-size:1.4rem;}
}
@media (max-width:1080px){
  #pro-view .pn .prev{display:none;}
  #pro-view .pn .next{display:none;}

  #pro-view .main-box{padding:0px 32px;}
  #pro-detail{margin-top:0px; min-height:auto;}

  #pro-detail .tag-tit{height:70px;}
  #pro-detail .tag-tit .back{width:70px; height:70px; line-height:70px;}
  #pro-detail .tag-tit .main-box>a{line-height:70px; font-size:1.4rem; padding:0 20px;}
}
@media (max-width:920px){
  #pro-view{margin-top:-10px;}
  #pro-view .main-box{padding:0 25px;}
  #pro-view .pro-info{width:100%; float:none;}
  #pro-view .pro-info h1{line-height:1.1;}
  #pro-view .pro-info .path{font-size:1.4rem; margin:15px 0; line-height:1.8;}
  #pro-view .ctrl{margin-top:20px; margin-bottom:30px;}
  #pro-view .ctrl .quiry{width:100%;}
  #pro-view .pro-move{width:100%; float:none;}
  #pro-view .pro-move .bx-pager a{width:64px; height:64px; vertical-align:middle; margin-right:5px; margin-bottom:5px;}
  #pro-view .pro-move .bx-pager a:nth-child(5n+0){margin-right:0;}

  #pro-view .pro-info .label a{display:inline-block; position:relative; z-index:1; padding-left:17px;}
  #pro-view .pro-info .label a:before{content:''; display:block; width:5px; height:5px; position:absolute; left:5px; top:7px; background:#464646; border-radius:10px;}


  #pro-detail .tag-tit{display:none;}

  #pro-detail .main-box{overflow:unset;}
  #pro-detail .tag-con .main-box{padding:0; margin:0; margin-bottom:80px;}
  #pro-detail .tag-con .item{display:block; margin:0; margin-top:-1px;}


  #pro-detail .tag-con .item .con{display:none; margin:25px; padding-bottom:25px; margin-bottom:0; overflow-x:auto;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar{width:2px; height:2px;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar-track{background:#fff;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar-thumb{background:#ccc;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar-thumb:vertical:hover{background:#5d92fe;}
  #pro-detail .tag-con .item .tit{display:block; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:0; padding:15px 25px; position:relative; font-size:1.6rem; color:#464646; background:#fff; transition:all .2s; font-weight:bold;}
  #pro-detail .tag-con .item .tit:after{content:''; display:block; position:absolute; right:25px; top:15px; width:28px; height:28px; background:url('../images/ico.down.png') no-repeat center center; background-size:16px; background-color:#5d92fe; border-radius:100%; transition:all .3s;}
  #pro-detail .tag-con .item.active .tit{color:#464646; background:#eaeaea;}
  #pro-detail .tag-con .item.active .tit:after{transform:rotate(180deg);}
  #pro-detail .tag-con .item.active .con{display:block;}

  #pro-detail .tag-con .item table{width:auto !important; min-width:100%;}
  #pro-detail .tag-con .item table td{white-space:nowrap;}

  #pro-detail .tag-con #all-close{display:block; text-align:center; margin-bottom:80px; margin-top:-20px;}
  #pro-detail .tag-con #all-close>a{display:inline-block; padding:13px 25px 15px 25px; font-size:1.7rem; color:#464646; border:1px solid #eaeaea; border-radius:3px;}
  #pro-detail .tag-con #all-close>a:hover{background:#eee;}
  #pro-detail .tag-con #all-close>a>img{width:20px; margin:-2px 8px auto auto;}
}


.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:8px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:1.3rem; font-family:'Open Sans', Sans-Serif;}
.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;}



#exhibition, #exhibition-view, #news, #news-view, #videocenter, #download{min-height:750px;}
#exhibition .main-box, #news .main-box, #exhibition-view .main-box, #videocenter .main-box, #download .main-box{padding:15px 50px;}
#exhibition .main-box>.tit, #news .main-box>.tit, #videocenter .main-box>.tit, #download .main-box>.tit{font-size:4.2rem; color:#464646; position:relative; font-weight:300;}
#exhibition .main-box>.tit:after, #news .main-box>.tit:after, #videocenter .main-box>.tit:after, #download .main-box>.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}

#exhibition .list, #news .list, #videocenter .list{margin-top:80px; margin-bottom:50px;}
#exhibition .list>a{display:block; height:325px; position:relative; z-index:1; margin-bottom:40px;}
#exhibition .list>a:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; transition:all .3s;}
#exhibition .list>a .img{width:50%; height:100%; float:right; background:#f5f5f5; overflow:hidden; position:relative;}
#exhibition .list>a .img:after{content:''; display:block; background:rgba(0,0,0,0); left:0; top:0; width:100%; height:100%; position:absolute; transition:all .3s; z-index:1;}
#exhibition .list>a .img p{color:#fff; position:absolute; font-size:1.5rem; left:50%; top:50%; z-index:2; margin:-15px 0 0 -15px; opacity:0; transition:all .35s;}
#exhibition .list>a .img p:before{width:200px; height:1px; background:rgba(255,255,255,.0); left:50%; top:-6px; margin-left:-100px; position:absolute; content:''; display:block; transition:all .35s;}
#exhibition .list>a .img p:after{width:200px; height:1px; background:rgba(255,255,255,.0); left:50%; bottom:-6px; margin-left:-100px; position:absolute; content:''; display:block; transition:all .35s;}
#exhibition .list>a .img img{width:100%; height:100%; max-width:none; transition:all .3s;}
#exhibition .list>a .con{width:50%; float:left; height:100%; display:table; table-layout:fixed;}
#exhibition .list>a .date{display:table-cell; width:50%; height:100%; background:#f5f5f5; text-align:center; vertical-align:middle; color:#464646; transition:all .3s;}
#exhibition .list>a .date .year{font-size:8rem; font-weight:600; line-height:1; display:block; margin-top:-8px; font-family:'Montserrat', sans-serif;}
#exhibition .list>a .date .num{line-height:1; display:block; font-size:1.5rem; font-weight:400; margin-top:8px; padding:0 20px; line-height:1.3;}
#exhibition .list>a .tit{display:table-cell; width:50%; height:100%; text-align:center; vertical-align:middle; color:#464646; line-height:1.5; font-size:1.6rem; padding:20px; box-sizing:border-box;}
#exhibition .list>a .tit .update{font-size:1.3rem; color:#999; margin-top:5px; font-family:'Open Sans', Sans-Serif;}

#exhibition .list>a:nth-child(even) .img{float:left;}
#exhibition .list>a:nth-child(even) .con{float:right;}
#exhibition .list>a:nth-child(even) .con .date{background:#333; color:#fff;}

#exhibition .list>a:hover .img>img{width:110%; height:110%; margin:-5%;}
#exhibition .list>a:hover .img:after{background:rgba(0,0,0,.6);}
#exhibition .list>a:hover .img p{opacity:1;}
#exhibition .list>a:hover .img p:before{width:10px; background:rgba(255,255,255,.5); margin-left:-5px;}
#exhibition .list>a:hover .img p:after{width:10px; background:rgba(255,255,255,.5); margin-left:-5px;}
#exhibition .list>a:hover:after{box-shadow:0 0 0 10px #5d92fe inset;}
#exhibition .list>a:hover .con .date{background:#5d92fe; color:#fff;}


#exhibition-view, #news-view{margin-top:150px;}
#exhibition-view h1, #news-view h1{font-size:4.6rem; font-weight:bold; color:#464646; display:block; padding:0; margin:0;}
#exhibition-view .info, #news-view .info{margin-top:30px; font-size:1.6rem; position:relative;}
#exhibition-view .info .split, #news-view .info .split{width:1px; height:16px; display:inline-block; vertical-align:middle; background:#ddd;}
#exhibition-view .info a, #news-view .info a{display:inline-block; font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; color:#464646; transition:all .2s;}
#exhibition-view .info .wx, #news-view .info .wx{vertical-align:middle; margin-left:15px; font-size:24px;}
#exhibition-view .info .fb, #news-view .info .fb{margin-left:15px; margin-left:3px; font-size:18px; padding:0 1px;}
#exhibition-view .info .tt, #news-view .info .tt{margin-left:15px; margin-left:3px; font-size:18px; padding:0 1px;}
#exhibition-view .info .in, #news-view .info .in{margin-left:15px; margin-left:3px; font-size:22px; padding:0 1px;}
#exhibition-view .info .gp, #news-view .info .gp{margin-left:15px; margin-left:3px; font-size:18px; padding:0 1px;}
#exhibition-view .info a:hover, #news-view .info a:hover{color:#5d92fe;}

#exhibition-view .info .clicks, #news-view .info .clicks{position:absolute; right:0; top:3px; text-align:right; font-size:1.5rem; color:#ccc;}
#exhibition-view .info .clicks img, #news-view .info .clicks img{height:22px; margin-top:-3px; margin-right:5px;}
#exhibition-view .con, #news-view .con{padding:20px 0; margin-top:25px;}
#exhibition-view .con table td, #exhibition-view .con table td *, #news-view .con table td, #news-view .con table td *{color:#464646;}
#exhibition-view .btm, #news-view .btm{margin:80px auto; border-top:1px solid #eaeaea; padding:35px 0 15px 0;}
#exhibition-view .btm .left, #news-view .btm .left{width:70%; float:left;}
#exhibition-view .btm .left div, #news-view .btm .left div{padding:5px 0; font-size:1.5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#exhibition-view .btm .left div a, #news-view .btm .left div a{color:#999; transition:all .2s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#exhibition-view .btm .left div a:hover, #news-view .btm .left div a:hover{color:#666;}
#exhibition-view .btm .right, #news-view .btm .right{width:30%; float:right; position:relative;}
#exhibition-view .btm .right .back, #news-view .btm .right .back{ font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; right:0; top:0; display:block; width:60px; height:60px; line-height:60px; background:#333; color:#fff; text-align:center; transition:all .2s;}
#exhibition-view .btm .right .back:hover, #news-view .btm .right .back:hover{background:#107AC0;}


@media (max-width:1440px){

}
@media (max-width:1366px){

}
@media (max-width:1280px){
  #exhibition .main-box, #news .main-box, #exhibition-view .main-box, #news-view .main-box, #videocenter .main-box, #download .main-box{padding:0 25px;}
  #exhibition .list>a .date .year{font-size:7.8rem;}

  #exhibition-view, #news-view{margin-top:130px;}
  #exhibition-view h1, #news-view h1{font-size:4.2rem;}

  .text-content td, .text-content td *{line-height:1.3;}
}
@media (max-width:1080px){
  #exhibition .list, #news .list, #videocenter .list{margin-top:70px; margin-bottom:40px;}
  #exhibition .list>a{height:280px; margin-bottom:25px;}
  #exhibition .list>a .date .year{font-size:6.8rem;}
}
@media (max-width:920px){
  #exhibition, #news, #videocenter, #download{margin-top:-20px;}
  #exhibition .main-box>.tit, #news .main-box>.tit, #videocenter .main-box>.tit, #download .main-box>.tit{font-size:3.6rem;}
  #exhibition .main-box>.tit:after, #news .main-box>.tit:after, #videocenter .main-box>.tit:after, #download .main-box>.tit:after{bottom:-15px;}
  #exhibition .list, #news .list, #videocenter .list{margin-top:60px; margin-bottom:40px;}
  #exhibition .list>a{height:auto; margin-bottom:25px;}
  #exhibition .list>a .img{width:100%; height:auto; float:none;}
  #exhibition .list>a .img p, #exhibition .list>a .img p:after, #exhibition .list>a .img p:before{display:none;}
  #exhibition .list>a:hover .img>img{width:100%; height:auto; margin:0;}
  #exhibition .list>a .con{width:100%; float:none; height:200px;}
  #exhibition .list>a .date .year{font-size:3.6rem;}
  #exhibition .list>a .date .num{font-size:1.4rem;}
  #exhibition .list>a .tit{line-height:1.4; font-size:1.5rem; padding:20px;}
  #exhibition .list>a .tit .update{display:none;}
  #exhibition .list>a:nth-child(even) .img{float:none;}
  #exhibition .list>a:nth-child(even) .con{float:none;}

  #exhibition-view, #news-view{margin-top:100px;}
  #exhibition-view h1, #news-view h1{font-size:3.2rem; line-height:1.1;}
  #exhibition-view .info, #news-view .info{margin-bottom:20px;}
  #exhibition-view .info .wx, #news-view .info .wx{font-size:20px;}
  #exhibition-view .info .fb, #news-view .info .fb{font-size:16px;}
  #exhibition-view .info .tt, #news-view .info .tt{font-size:15px;}
  #exhibition-view .info .in, #news-view .info .in{font-size:18px;}
  #exhibition-view .info .gp, #news-view .info .gp{font-size:15px;}
  #exhibition-view .info .clicks, #news-view .info .clicks{position:relative; z-index:1; right:unset; top:unset; text-align:left; font-size:1.5rem; color:#ccc; margin-top:10px;}
  #exhibition-view .btm, #news-view .btm{margin:30px auto; padding:25px 0;}


}



#news .list>a{display:block; height:100%; width:100%; border:1px solid #eaeaea; box-sizing:border-box; padding:30px; position:relative; height:260px; margin-bottom:40px; transition:all .3s; overflow:hidden;}
#news .list>a:after{background:#107AC0; width:60px; height:100%; position:absolute; right:-70px; top:0; z-index:1; transition:all .3s;}
#news .list>a .img{width:300px; height:100%; background:#f5f5f5; float:left;}
#news .list>a .img>img{width:100%; height:100%;}
#news .list>a .box{width:820px; height:100%; float:left; margin-left:30px; position:relative;}
#news .list>a.nopic .box{width:1160px; margin-left:0;}
#news .list>a .box h3{font-size:2.6rem; font-weight:bold; color:#464646; margin:0; padding:0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:5px; box-sizing:border-box;}
#news .list>a .box .con{font-size:1.4rem; line-height:1.8; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
#news .list>a .box .date{position:absolute; left:0; bottom:5px; font-size:1.5rem; font-family:'Open Sans', Sans-Serif;}
#news .list>a .box .date>i{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; margin-right:8px; vertical-align:bottom;}
#news .list>a .arr{position:absolute; right:0; top:0; width:70px; height:100%; z-index:2; transition:all .15s ease;}
#news .list>a .arr>i{font-family:"iconfont" !important; font-size:32px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transform:rotate(180deg); position:absolute; top:50%; margin-top:-16px; right:50%; margin-right:-16px; transition:all .3s;}
#news .list>a:hover{box-shadow:10px 10px 30px rgba(0,0,0,.08);}
#news .list>a:hover:after{right:0;}
#news .list>a:hover .arr{right:-5px;}
#news .list>a:hover .arr>i{color:#fff;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #news .list>a .box{width:780px;}
  #news .list>a.nopic .box{width:1120px;}
}
@media (max-width:1280px){
  #news .list>a .box{width:740px;}
  #news .list>a.nopic .box{width:1080px;}
}
@media (max-width:1080px){
  #news .list>a .box{width:560px;}
  #news .list>a.nopic .box{width:900px;}
}
@media (max-width:920px){
  #news .list>a{height:auto; border:1px solid #eaeaea; padding:0; margin-bottom:25px;}
  #news .list>a:after{display:none;}
  #news .list>a .img{width:102%; height:auto; float:none;}
  #news .list>a .img>img{width:100%; height:auto;}
  #news .list>a .box{width:100%; height:auto; float:none; margin-left:0; padding:25px; box-sizing:border-box;}
  #news .list>a.nopic .box{width:100%;}
  #news .list>a .box h3{font-size:2rem; white-space:unset; overflow:unset; text-overflow:unset; padding-top:unset;}
  #news .list>a .box .con{font-size:1.3rem; line-height:1.6;}
  #news .list>a .box .date{position:unset; left:unset; bottom:unset; margin-top:18px;}
  #news .list>a .arr{display:none;}
}


#videocenter .list{width:1330px;}
#videocenter .list a{display:block; width: 635px;height: 610px; float:left; margin-right:25px; margin-bottom:30px;}
#videocenter .list a .img{width: 635px; height: 425px;position:relative; overflow:hidden; background:#eee;}
#videocenter .list a .img:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;  transition:all .45s; z-index:1;}
#videocenter .list a .img>div{display:table; position:absolute; z-index:2; left:0; top:0; color:#fff; width:100%; height:100%;}
#videocenter .list a .img>div>span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:1.6rem; transition:all .45s; opacity:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#videocenter .list a .img>div:before{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:195px; background:#fff; opacity:0; transition:all .55s ease;}
#videocenter .list a .img>div:after{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:230px; background:#fff; opacity:0; transition:all .55s ease;}
#videocenter .list a .img>img{max-width:none; width:100%; height:100%; transition:all .35s ease;}
#videocenter .list a .con{border:1px solid #eaeaea; height:185px; box-sizing:border-box; border-top:0px none; padding:30px;}
#videocenter .list a .con .name{color:#464646; height:35px; font-size:1.8rem; font-weight:bold;}
#videocenter .list a .con .desc{font-size:1.4rem; line-height:1.6; height:70px;}
#videocenter .list a .con .more{border-top:1px solid #eaeaea; padding-top:13px; position:relative; color:#999;}
#videocenter .list a .con .more>span{display:block; position:absolute; right:0; top:22px; height:1px; width:30px; background:#ccc; transition:all .3s;}
#videocenter .list a .con .more>span:before{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(45deg); right:0; top:-3px; position:absolute;}
#videocenter .list a .con .more>span:after{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(135deg); right:0; top:3px; position:absolute;}
#videocenter .list a:hover .img:before{background:rgba(0,0,0,.5);}
#videocenter .list a:hover .img>img{width:110%; height:110%; margin:-5%;}
#videocenter .list a:hover .img>div>span{opacity:1;}
#videocenter .list a:hover .img>div:before{width:10px; left:50%; margin-left:-5px; opacity:.6;}
#videocenter .list a:hover .img>div:after{width:10px; left:50%; margin-left:-5px; opacity:.6;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #videocenter .list{width:1265px;}
  #videocenter .list a{width:607px; height:600px;}
  #videocenter .list a .img{width:607px; height:406px;}
  #videocenter .list a .img>div:before{top:185px;}
  #videocenter .list a .img>div:after{top:220px;}
}
@media (max-width:1280px){
  #videocenter .list{width:1255px;}
  #videocenter .list a{width:600px; height:596px;}
  #videocenter .list a .img{width:600px; height:400px;}
  #videocenter .list a .img>div:before{top:182px;}
  #videocenter .list a .img>div:after{top:217px;}
}
@media (max-width:1080px){
  #videocenter .list{width:1055px;}
  #videocenter .list a{width:502px; height:526px;}
  #videocenter .list a .img{width:502px; height:336px;}
  #videocenter .list a .img>div:before{top:150px;}
  #videocenter .list a .img>div:after{top:185px;}
  #videocenter .list a .con .desc{font-size:1.3rem; line-height:1.4; height:60px;}
  #videocenter .list a .con{height:175px;}
}
@media (max-width:920px){
  #videocenter .list{width:100%;}
  #videocenter .list a{width:100%; height:auto; float:none; margin-right:0; margin-bottom:25px;}
  #videocenter .list a .img{width:100%; height:auto;}
  #videocenter .list a .img>div>span{display:none;}
  #videocenter .list a .img>div:before{display:none;}
  #videocenter .list a .img>div:after{display:none;}
  #videocenter .list a:hover .img>img{width:100%; height:auto; margin:0;}
}




#global{margin:80px 0;}
#global .main-box, #service .main-box{min-height:500px; position:relative; z-index:1;}
#global .main-box .right, #service .main-box .right{background:url('../images/global.jpg') no-repeat center center; background-size:cover; width:48%; right:50px; top:0; position:absolute; height:100%;}
#global .main-box .left, #service .main-box .left{width:52%; box-sizing:border-box; padding-right:100px;}
#global .main-box .tit, #service .main-box .tit{font-size:3.2rem; color:#464646; font-weight:300; position:relative;}
#global .main-box .tit:after, #service .main-box .tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}
#global .main-box .con, #service .main-box .con{font-size:1.5rem; margin-top:55px; color:#464646; line-height:1.6;}
#global .main-box .desc, #service .main-box .desc{font-size:1.3rem; margin-top:25px; line-height:1.9;}
#global .main-box .customer{margin-top:120px;}
#global .main-box .customer>a{display:inline-block; font-size:1.3rem; height:26px; line-height:26px; background:#999; color:#fff; border-radius:20px; padding:0 9px; margin:auto 6px 10px auto; vertical-align:middle; transition:all .3s;}
#global .main-box .customer>a:hover{background:#5d92fe;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #global .main-box, #service .main-box{padding:0 35px;}
}
@media (max-width:1280px){
  #global, #service{margin-top:60px;}
  #global .main-box, #service .main-box{padding:0 25px;}
}
@media (max-width:1080px){
  #global, #service{margin-top:-5px;}
  #global .main-box .right, #service .main-box .right{width:100%; height:300px; position:relative; right:0;}
  #global .main-box .left, #service .main-box .left{width:100%; padding-right:0; margin-bottom:40px;}
  #global .main-box .customer{margin-top:50px;}
}
@media (max-width:920px){
  #global, #service{margin-top:-10px;}
  #global .main-box .right, #service .main-box .right{height:250px;}
}


#service{margin:80px 0 0 0;}
#service .main-box{min-height:400px; margin:0 auto;}
#service .main-box .right{background:url('../images/service_1.jpg') no-repeat center center; background-size:cover;}
#sm1{margin-top:16px; margin-bottom:80px;}
#sm1 .main-box{margin:0 auto; min-height:500px; position:relative;}
#sm1 .main-box .left{position:absolute; left:50px; top:0; width:810px; height:100%; background:url('../images/service_2.jpg') no-repeat center; background-size:cover;}
#sm1 .main-box .right{min-height:500px; width:490px; background:#2f2f2f; float:right; padding:50px; color:#fff; box-sizing:border-box;}
#sm1 .main-box .tit{font-size:3.2rem; color:#fff; font-weight:300; position:relative;}
#sm1 .main-box .tit:after{content:''; display:block; width:16px; height:2px; background:rgba(255,255,255,.7); position:absolute; left:0; bottom:-20px;}
#sm1 .main-box .con{font-size:1.3rem; margin-top:55px; color:rgba(255,255,255,.8); line-height:1.9;}
#sm1 .main-box .desc{padding-left:20px; margin-top:30px; font-size:1.3rem; color:rgba(255,255,255,.8); line-height:1.6;}
#sm1 .main-box .desc li{list-style:disc; margin:8px 0;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #sm1 .main-box{min-height:460px;}
  #sm1 .main-box .left{width:770px;}
  #sm1 .main-box .right{min-height:460px;}
}
@media (max-width:1280px){
  #service{margin:60px 0 0 0;}

  #sm1 .main-box{min-height:420px;}
  #sm1 .main-box .left{width:685px;}
  #sm1 .main-box .right{min-height:420px;}
}
@media (max-width:1080px){
  #service{margin:50px 0 0 0;}
  #sm1 .main-box{padding:0 25px;}
  #sm1 .main-box .left{position:relative;; left:0; width:100%; height:350px;}
  #sm1 .main-box .right{width:100%; float:none; padding:35px; min-height:350px;}
}
@media (max-width:920px){
  #sm1 .main-box .left{height:200px;}
  #sm1 .main-box .right{padding:0; background:#fff; padding:30px 0 0 0; min-height:unset;}
  #sm1 .main-box .tit{color:#464646;}
  #sm1 .main-box .tit:after{background:#464646;}
  #sm1 .main-box .con{color:#777177;}

}


#download .list{margin-top:80px;}
#download .list a{display:block; padding:35px; height:130px; border:1px solid #eaeaea; margin-bottom:40px;  transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1);}
#download .list a .img{width:180px; height:130px; float:left; background:#f3f3f3;}
#download .list a .img>img{width:100%; height:100%;}
#download .list a .box{width:750px; float:left; margin-left:35px;}
#download .list a .box .title{color:#464646; font-size:1.8rem; font-weight:bold;}
#download .list a .box .sharecode{font-size:1.4rem; color:#5d92fe; padding-left:20px; background:url('../images/ico.pwd.png') no-repeat left center; background-size:15px; margin-top:10px;}
#download .list a .box .size{font-size:1.4rem; color:#aaa; padding-left:20px; background:url('../images/ico.annex.png') no-repeat left center; background-size:14px; margin-top:25px; font-family:'Montserrat', sans-serif; font-weight:600;}
#download .list a .info{width:150px; height:100px; float:right; background:#f3f3f3; overflow:hidden; color:#b0b0b0; font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.4rem; text-align:center; position:relative; z-index:1;}
#download .list a .info .date{width:100px; border-bottom:1px solid #dcdcdc; margin:auto; padding:25px 0 6px 0; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;}
#download .list a .info .count{padding-top:6px; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;}
#download .list a .info:after{content:''; display:block; width:5px; height:5px; background:#f3f3f3; position:absolute; left:53px; top:63px; z-index:1; border-radius:100%; transition:all .8s cubic-bezier(0.7, 0.01, 0.3, 1);}
#download .list a:hover{box-shadow:10px 10px 30px rgba(0,0,0,.08);}
#download .list a .count i{font-family:"iconfont" !important; font-size:1.2rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;display:inline-block; margin-right:5px;}
#download .list a:hover .info:after{width:150%; height:180%; left:-20%; top:-40%; background:#107AC0;}
#download .list a:hover .info{color:#fff;}
#download .list a:hover .info .date{border-bottom:1px solid rgba(255,255,255,.3);}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #download .list{margin-top:70px;}
}
@media (max-width:1280px){

}
@media (max-width:1080px){
  #download{margin-top:-10px;}
  #download .list{margin-top:60px;}
  #download .list a .box{width:560px;}
}
@media (max-width:920px){
  #download .list a{padding:20px; height:auto;}
  #download .list a .img{width:100%; height:auto; float:none;}
  #download .list a .box{width:100%; float:none; margin-left:0; margin-top:15px;}
  #download .list a .box .title{font-size:2rem; line-height:1.1}
  #download .list a .box .sharecode{margin-top:15px;}
  #download .list a .info{width:100%; height:100px; float:none; text-align:center; margin-top:25px;}
}



#contact .main-box{padding-top:20px; padding-bottom:20px;}
#contact .main-box>.tit{font-size:4.8rem; color:#464646; position:relative; font-weight:bold; text-transform:uppercase;}
#contact .main-box>.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}
#contact .box{margin-top:50px;}
#contact .item{width:100%; border-bottom:1px solid #eaeaea; padding:40px 0; box-sizing:border-box; display:block; position:relative;}

#contact .item .left{width:126px; float:left; background:#107AC0; height:126px; border-radius:100%; position:relative; z-index:2; text-align:center; line-height:120px; margin-top:10px;}
#contact .item .left img{width:80px; height:80px;}
#contact .item .right{width:1130px; float:right; position:relative; z-index:2; font-size:1.5rem; font-family:'Open Sans', Sans-Serif;}
#contact .item .right .tit{font-size:2.6rem; font-weight:bold; color:#464646; margin-bottom:20px; font-family:'Montserrat', Sans-Serif;}
#contact .item .right p{line-height:1.8; padding:7px 0;}
#contact .item .right strong{display:inline-block; color:#464646; font-family:'Montserrat', Sans-Serif;}

#contact .item .seller dl{margin-bottom:0; transition:all .25s; padding:10px;}
#contact .item .seller dt{display:inline-block; min-width:180px; margin-right:20px;}
#contact .item .seller dd{display:inline-block; min-width:200px; margin-right:20px;}
#contact .item .seller dl:hover{background:#f3f3f3; padding-left:22px;}

#contact .item .mr{font-family:"iconfont" !important; font-size:2.6rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; vertical-align:middle; margin-right:10px; font-weight:normal; color:#5d92fe; width:30px;}
#contact .item .ms{font-family:"iconfont" !important; font-size:2.2rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; vertical-align:middle; margin-right:10px; font-weight:normal; color:#f6756c; width:30px; padding-left:4px; box-sizing:border-box;}

#contact .item .email{font-family:"iconfont" !important; font-size:2.4rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; vertical-align:middle; margin-right:7px;}
#contact .item .skype{font-family:"iconfont" !important; font-size:2.4rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; vertical-align:middle; margin-right:3px;}
#contact .item a{display:inline-block;}
#contact .item a:hover{color:#5d92fe;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #contact .main-box{padding-top:0px;}
  #contact .item .right{width:1080px;}
}
@media (max-width:1280px){
  #contact .item .right{width:1000px;}
}
@media (max-width:1080px){
  #contact{margin-top:-10px;}
  #contact .item .left{width:100px; height:100px; text-align:center; line-height:96px;}
  #contact .item .left img{width:64px; height:64px;}
  #contact .item .right{width:836px;}

  #contact .item .seller dt{font-size:1.4rem;}
  #contact .item .seller dd{margin:5px 0;}
  #contact .item .seller dd .email{font-size:2rem; margin-left:-20px;}
  #contact .item .seller dd .email a{font-size:1.4rem;}
  #contact .item .seller dd .skype{font-size:2rem;}
  #contact .item .seller dd .skype a{font-size:1.4rem;}
  #contact .item .seller dd .tel{font-size:1.4rem; margin-left:-20px;}
  #contact .item .seller dl:hover{padding-left:10px;}
}
@media (max-width:920px){
  #contact .main-box{padding-left:25px; padding-right:25px;}
  #bans .tit.contact{font-size:3.2rem;}

  #contact .main-box>.tit{font-size:2rem;}
  #contact .item{border:0px none; padding:0 0 25px 0; border-bottom:1px solid #eaeaea; margin-top:35px;}
  #contact .item:before{display:none;}
  #contact .item .left{width:48px; height:48px; left:0px; top:0px; line-height:48px; margin:0; position:absolute;}
  #contact .item .left img{width:32px; height:32px;}
  #contact .item .right{padding-left:70px; width:100%; box-sizing:border-box;}
  #contact .item .right p{line-height:1.5;}

  #contact .item .seller dl{padding:20px 0; width:100%; box-sizing:border-box; display:block; border-bottom:1px dashed #ddd;}
  #contact .item .seller dt{display:block; margin-right:0; font-size:1.8rem;}
  #contact .item .seller dd{display:block; margin:5px 0;}
  #contact .item .seller dd .tel{font-size:1.7rem; padding-left:54px; font-family:Montserrat, Sans-Serif;}
  #contact .item .seller dl:hover{background:unset; padding-left:0;}
  #contact .item .seller dd .email{font-size:2.2rem; padding-left:22px; margin-right:10px;}
  #contact .item .seller dd .skype{font-size:2.2rem; margin-right:0;}


  #contact .item .mr{font-size:2.4rem; width:20px;}
  #contact .item .ms{font-size:2.1rem; width:20px;}

  #contact .item .skype{font-size:2.2rem; font-family:Montserrat, Sans-Serif; margin-left:3px; width:27px;}


}



#pro-catalog{position:fixed; z-index:5; right:0; bottom:73px; transition:all .5s;}
#pro-catalog .catalog{display:block;}
#pro-catalog .catalog>p{border:1px solid #ddd; border-bottom:0px none;}
#pro-catalog .catalog>span{width:100px; background:#0a0a0a; color:#fff; display:block; text-align:center; font-size:1.5rem; line-height:1.3; padding-top:16px; padding-bottom:18px; transition:all .3s; position:relative; z-index:2;}
#pro-catalog .catalog:hover>span{background:#5d92fe;}
#pro-catalog .close{display:block; width:100%; height:20px; background:#ddd; position:relative; transition:all .2s; z-index:2;}
#pro-catalog .close:before{content:''; display:block; position:absolute; left:50%; top:4px; width:1px; height:12px; background:#777177; transform:rotate(45deg); transition:all .2s;}
#pro-catalog .close:after{content:''; display:block; position:absolute; left:50%; top:4px; width:1px; height:12px; background:#777177; transform:rotate(-45deg); transition:all .2s;}
#pro-catalog .close:hover{background:#5d92fe;}
#pro-catalog .close:hover:before, #pro-catalog .close:hover:after{background:#fff;}
#pro-catalog.hide{right:-100px;}
#pro-catalog .open{width:20px; height:20px; background:#fff; border:1px solid #ddd; position:absolute; left:0; bottom:0; z-index:1; transition:all .3s;}
#pro-catalog .open:before{content:''; display:block; position:absolute; width:10px; height:1px; top:8px; left:5px; background:#777177;}
#pro-catalog .open:after{content:''; display:block; position:absolute; width:10px; height:1px; top:12px; left:5px; background:#777177;}
#pro-catalog .open:hover{background:#eee;}
#pro-catalog.hide .open{left:-22px; transition:left .3s .5s, backgroun .2s;}

@media (max-width:1366px){
  #pro-catalog .catalog>p>img{width:78px;}
  #pro-catalog .catalog>span{width:80px; font-size:1.3rem; padding-top:13px; padding-bottom:15px;}
}
@media (max-width:1080px){
  #pro-catalog .catalog>p>img{width:74px;}
  #pro-catalog .catalog>span{width:76px; font-size:1.2rem; padding-top:11px; padding-bottom:13px;}
}
@media (max-width:920px){
  #pro-catalog{display:none;}
}