@charset "utf-8";

@import url('font/webFont.css');
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot?9');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff2?9') format('woff2'),
  url('font/iconfont.woff?9') format('woff'),
  url('font/iconfont.ttf?9') 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: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color:#777177; outline:none; letter-spacing:0.05rem;}
html{font-size:62.5%;}
html,body{background:#fff; height:100%;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none; max-width:100%; width:auto; height:auto;}
ul,dl{display:block; margin:0; padding:0;}
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 video{position:absolute; z-index:1; left:0px;}
#banner .mask{width:100%; height:100%; position:absolute; z-index:2; background:url('img/banner_mask.png') 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('img/v.jpg') no-repeat 25% bottom; background-size:cover;}

#banner .con{position:absolute; z-index:4; width:100%; left:0; top:33.5%; color:#fff; line-height:1.1; text-align:center;}
#banner .tit{font-size:13rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#banner .desc{font-size:6.7rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; color:#5d92fe;}
#banner .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; 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:50px; 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:56px; 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:#1a4499; 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.5rem; 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:1280px){
  #head.sm .logo{width:195px;}
  #head.sm .logo img{margin:-20px auto auto -72px;}
}
@media (max-width:1080px){
  #head .stock{font-size:1.4rem;}
}
@media (max-width:920px){
  #video{display:none;}
  #banner .vimg{display:block;}
  #banner .tit{font-size:6.8rem;}
  #banner .desc{font-size:3.8rem; letter-spacing:0; margin-top:5px;}

  #head{height:70px;}
  #head .logo{width:180px; 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.0rem; top:20px; z-index:999; color:#999;}
  #head.sm .stock{margin-left:24px;}
}


#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:#1a4499; 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:#1a4499; transition:top .3s .3s, transform .3s;}
#nav>span:after{content:''; display:block; position:absolute; left:0; top:9px; width:100%; height:3px; background:#1a4499; 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:#1a4499;}
#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('img/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:#1a4499;}
#nav-box .item .en{position:absolute; top:42%; width:100%; left:0; text-align:center; font-family:'Montserrat', sans-serif; font-weight:400; color:#fff; font-size:1.4rem; transition:all .3s; opacity:0;}
#nav-box .item:hover .en{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.6rem; padding:8px 0; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#nav-box .item:hover a{color:#fff;}
#nav-box .item:hover a:hover{color:#5d92fe;}


#menu{width:480px; float:right; margin-top:70px; transition:all .25s; position:relative; z-index:2;}
#menu>li{float:left;}
#menu>li a{display:block; font-size:2rem; color:#fff; padding:0 25px; height:40px; line-height:40px; letter-spacing:0.1rem; position:relative; transition:all .25s;}
#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:40px; margin-left:-20px; background:#5d92fe;}

#head.sm #menu{margin-top:8px; width:460px;}
#head.sm #menu>li a{font-size:1.7rem; color:#464646;}

@media (max-width:1080px){
  #menu{width:430px;}
  #menu>li a{font-size:1.8rem; padding:0 20px;}
  #head.sm #menu{width:400px;}
  #head.sm #menu>li a{font-size:1.6rem;}

  #nav-box .item dd a{font-size:1.4rem;}
}
@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 .en{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:2rem; color:#fff; padding:18px 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;}
}


#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; height:32px; margin:0 10px auto auto; font-family:"iconfont" !important; font-size:27px;  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:140px;}
#lan>div>a{display:block; height:42px; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; background:#1a4499; 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:#1a4499; 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{color:#464646;}
#head.sm #lan>div{top:52px;}

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


#m1{position:relative; height:100%; z-index:1; background:#fff;}
#m1 a{width:33.33333%; height:100%; float:left; display:block; position:relative; text-align:center; transition:all .25s;}
#m1 a .img{width:58%; height:auto; position:absolute; z-index:1; left:50%; bottom:50px; margin-left:-29%; 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:4.2rem; color:#666; padding-top:130px; position:relative; transition:all .2s;}
#m1 a .tit:after{content:''; display:block; height:1px; background:#666; width:50px; position:absolute; bottom:-30px; left:50%; margin-left:-30px; transition:all .2s;}
#m1 a .txt{font-size:1.7rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; margin-top:80px; padding:0 80px; color:#999; line-height:1.8; transition:all .2s;}
#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:80px; background:#5d92fe; width:100px; margin-left:-50px;}
#m1 a:hover .txt{margin-top:50px;}
#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:65%; margin-left:-32.5%;}

@media (max-width:1440px){
  #m1 a .tit{font-size:3.6rem;}
  #m1 a .txt{font-size:1.6rem; padding:0 50px;}
  #m1 a .more{top:46%;}
}
@media (max-width:1366px){
  #m1 a .tit{font-size:3.6rem; padding-top:115px;}
  #m1 a:hover .tit{padding-top:145px;}
  #m1 a .txt{font-size:1.5rem; padding:0 45px;}
  #m1 a .more{top:48%;}
}
@media (max-width:1280px){
  #m1 a .tit{font-size:3.4rem;}
  #m1 a .txt{margin-top:70px; padding:0 35px;}
}
@media (max-width:1080px){
  #m1 a .tit{font-size:3rem;}
  #m1 a .txt{font-size:1.5rem;}
  #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:50px;}
  #m1 a .more{top:44%; 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('img/m2.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m2 .tit{margin-left:8%; margin-top:160px; color:#5d92fe; font-size:11rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m2 .tit-sub{margin-left:8%; color:#5d92fe; font-size:2.2rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative; z-index:2; line-height:1; letter-spacing:0.1rem;}
#m2 .tit-sub>div{display:inline-block; padding:8px 10px 8px 0px; line-height:1; font-size:2rem;}
#m2 .tit-sub>p{display:inline-block; color:#fff; background:#5d92fe; padding:8px 10px 8px 10px; line-height:1; font-size:2rem;}
#m2 .tit-sub>p>span{font-family:'Montserrat', sans-serif; font-weight:300;}
#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.7rem; margin-top:90px; width:40%; line-height:1.9; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m2 .data{background:#1a4499; 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;}
#m2 .data .num>span{display:inline-block;}
#m2 .data .desc{font-size:1.6rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}

@media (max-width:1440px){
  #m2 .tit{margin-left:6%; font-size:10rem; margin-top:150px;}
  #m2 .tit-sub{margin-left:6%; font-size:2rem;}
  #m2 .tit-sub>p{font-size:1.9rem;}
  #m2 .con{margin-left:6%; font-size:1.6rem; margin-top:80px;}
  #m2 .data{width:88%; left:6%; bottom:80px;}
  #m2 .data{height:180px;}
  #m2 .data>div{padding:22px 40px;}
  #m2 .data .num{font-size:7.6rem;}
}
@media (max-width:1366px){
  #m2 .tit{font-size:9rem; margin-top:140px;}
  #m2 .tit-sub{font-size:1.8rem;}
  #m2 .tit-sub>p{font-size:1.7rem;}
  #m2 .con{font-size:1.5rem;}
  #m2 .data{height:165px; bottom:60px;}
  #m2 .data>div{padding:20px 40px;}
  #m2 .data .num{font-size:7.2rem;}
}
@media (max-width:1280px){
  #m2 .tit{margin-top:140px;}
  #m2 .data{bottom:70px; height:150px;}
  #m2 .data>div{padding:22px 30px;}
  #m2 .data .num{font-size:6rem;}
  #m2 .data .desc{font-size:1.5rem;}
}
@media (max-width:1080px){
  #m2 .tit{margin-top:130px;}
  #m2 .data{bottom:60px; height:137px;}
  #m2 .data>div{padding:22px 15px;}
  #m2 .data .num{font-size:5rem;}
  #m2 .data .desc{font-size:1.4rem;}
}
@media (max-width:920px){
  #m2{height:auto;}
  #m2 .bg{position:relative; height:260px;}
  #m2 .tit{margin-top:-220px; color:#5d92fe; font-size:6rem; font-weight:bold;}
  #m2 .tit-sub{font-size:1.8rem;}
  #m2 .tit-sub>div{display:block; font-size:1.7rem; color:#fff;}
  #m2 .tit-sub>p{display:inline-block; margin-top:8px; font-size:1.5rem;}
  #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:110px; width:88%; line-height:1.7; text-align:justify;}
  #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 .tit-cn{font-size:2.6rem; margin:30px 0 0 3px;}
#m3 .left .desc{margin:10px 0 0 3px; font-size:1.6rem; color:#aaa;}
#m3 .left .ctl{margin-top:20px; 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.8rem; font-weight:300; font-family:'Microsoft YaHei Light'; 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:50px; 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:56px; 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:#1a4499; 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; font-weight:300; color:#464646; margin:60px 18px 20px 18px; height:43px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#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.4rem; line-height:1.8; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
#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:#1a4499;}
#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:4.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.7rem; padding-right:25px;}
  #m3 .left .more:before{width:12px; right:45px; top:19px;}
  #m3 .left .more:after{height:12px; right:50px; 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:100px; height:40px; line-height:38px; font-size:1.6rem; padding-right:25px;}
  #m3 .left .more:before{width:12px; right:36px; top:18px;}
  #m3 .left .more:after{height:12px; right:41px; 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('img/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:8rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m4 .tit:after{content:''; display:block; height:1px; width:92px; 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:1.9; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m4 .tit-sub{margin-left:8%; margin-top:60px; color:#fff; font-size:1.9rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m4 .tit-sub img{height:20px; margin-top:-3px;}
#m4 .customer{width:50%; margin-left:8%; position:relative; z-index:2;}
#m4 .customer li{width:120px; height:120px; float:left; text-align:center; line-height:120px; margin-right:18px; margin-bottom:-25px;}
#m4 .customer li:hover img{transform:perspective(80px) rotateY(360deg); transition:all 1.2s;}
#m4 .customer li.noani:hover img{transition:all 0s;}


@media (max-width:1440px){
  #m4 .tit{margin-left:6%; font-size:7.2rem; margin-top:170px;}
  #m4 .con{margin-left:6%;}
  #m4 .tit-sub{margin-left:6%;}
  #m4 .customer{margin-left:6%;}
  #m4 .customer li{width:92px; margin-right:25px;}
}
@media (max-width:1366px){
  #m4 .tit{font-size:6.2rem; margin-top:160px;}
  #m4 .con{font-size:1.6rem; margin-top:80px;}
  #m4 .tit-sub{margin-top:40px; font-size:1.8rem;}
  #m4 .customer{width:60%;}
}
@media (max-width:1280px){
  #m4 .tit{font-size:6.2rem; 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:10px;}
  #m4 .customer li{width:72px; margin-right:25px;}
  #m4 .customer li img{height:auto !important;}
}
@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:0 6%;}
  #m4 .customer li{width:20%; margin-right:0; padding:0 10px; box-sizing:border-box; height:auto; float:left; text-align:center; line-height:120px;}
  #m4 .customer li img{width:100%; height:100%;}
}




#m5{height:100%; position:relative; overflow:hidden;}
#m5 .bg{width:100%; height:100%; background:url('img/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:60px; bottom:-30px; margin-left:-30px; background:#666;}
#m5 .con{position:relative; z-index:2; font-size:1.8rem; text-align:center; margin-top:56px; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#m5 .con p{margin-bottom:10px;}
#m5 .con p span.tel{font-family:'Montserrat', sans-serif; font-size:3.9rem; font-weight:600; 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.8rem; font-weight:300; font-family:'Microsoft YaHei Light'; 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:50px; 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:56px; 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.7rem; padding-right:25px;}
  #m5 .more:before{width:12px; right:45px; top:19px;}
  #m5 .more:after{height:12px; right:50px; 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:'Microsoft YaHei';}
  #m5 .btm{margin-top:60px;}
}



#foot{background:#161616; position:relative; z-index:6;}
#foot .menu{padding:50px 35px 120px 35px; position:relative;}
#foot .menu dl{float:left; margin-right:100px; padding-left:25px; position:relative;}
#foot .menu dl:before{content:''; display:block; width:3px; height:20px; background:#fff; left:0; top:14px; position:absolute;}
#foot .menu dl dt{margin-bottom:10px;}
#foot .menu dl dt>a{display:block; font-size:2rem; color:#fff; padding:10px 0;}
#foot .menu dl dd>a{display:block; font-size:1.5rem; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; padding:6px 0; color:#ccc;}
#foot .menu dd.plus{display:none;}
#foot .menu dl a:hover{color:#5d92fe;}
#foot .qr{width:150px; float:right; margin-top:10px; margin-right:-10px;}
#foot .qr .tit{font-size:1.8rem; text-transform:uppercase; 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 .top{display:block; width:45px; height:45px; position:absolute; left:50%; bottom:35px; font-family:'iconfont' !important; 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{color:#5d92fe;}

#foot .btm{border-top:1px solid rgba(255,255,255,.16); height:50px; 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;}


@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:11px; font-size:1.7rem;}
  #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 .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; margin-top:8px;}
}



#bans{position:relative; width:100%; height:100%; z-index:2; background-repeat:no-repeat; background-position:center; background-size:cover;}
#bans.fix{background-attachment: fixed;}
#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:6.8rem; margin-bottom:80px; position:relative;}
#bans .tit.contact{font-family:'Montserrat', sans-serif; font-weight:600;}
#bans .tit:after{content:''; display:block; position:absolute; left:50%; width:72px; height:1px; margin-left:-36px; bottom:-40px; background:#fff;}
#bans .nav{font-size:5.2rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; color:#5d92fe;}
#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:25%;}
#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:25%;}

#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 .tit{font-size:6rem;}
  #bans .nav{font-size:4.8rem;}

  #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:5.8rem;}
  #bans .nav{font-size:4.6rem;}

  .main-box{max-width:100%;}
}
@media (max-width:1280px){
  #bans .tit{font-size:5.6rem;}
  #bans .nav{font-size:4.4rem;}

  #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){

}
@media (max-width:920px){
  #bans .tit{font-size:4rem; margin-bottom:50px;}
  #bans .tit:after{bottom:-25px;}
  #bans .nav{font-size:3.8rem;}

  #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:3.2rem; 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:10px; font-size:1.5rem;}
.about-box .left .btm .desc{margin-top:30px;}
.about-box .left .btm .desc .stress{color:#5d92fe; font-size:2.6rem;}
.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('img/am1.jpg') no-repeat center; background-size:cover; background-attachment:fixed; color:#fff; padding:60px 0 50px 0;}
#am1 .tit{font-size:3.2rem; position:relative;}
#am1 .tit:after{content:''; display:block; height:1px; width:64px; left:0; bottom:-30px; background:rgba(255,255,255,.3); position:absolute;}
#am1 .con{font-size:1.7rem; margin-top:60px; line-height:1.8; letter-spacing:.08rem;}
#am1 .con p{margin-bottom:15px; font-weight:300;}

.about-l{width:45%; float:left;}
.about-r{width:45%; float:right;}


#am2{background:#273ea1; padding:30px 0; position:relative; z-index:1;}
#am2 .tit{font-size:4.5rem; color:#fff;}
#am2 .line{height:1px; background:rgba(255,255,255,.1); width:100%; margin-top:80px;}
#am2 .swiper-container{margin-top:-35px; padding:0 0 0 30px;}
#am2 .swiper-slide{min-height:200px;}
#am2 .swiper-slide .tit{font-size:5rem; 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.6rem; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#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:8px; height:8px; position:absolute; left:-20px; top:10px; 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('img/am3.jpg') no-repeat right bottom; background-size:cover;}
#am3 .tit{font-size:4.5rem; color:#464646;}
#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(img/play.png?v=1) 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.8rem; font-weight:300; font-family:'Microsoft YaHei Light'; 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:50px; 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:56px; 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.6rem;}
  #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:460px;}
  .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.4rem;}
  .about-box .left .btm .desc .stress{font-size:2.2rem;}
  .about-l, .about-r{width:48%;}
  #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:42px; line-height:40px; font-size:1.7rem; padding-right:25px;}
  #am3 .more:before{width:12px; right:45px; top:19px;}
  #am3 .more:after{height:12px; right:50px; 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;}
  #am3 .more{width:100px; height:40px; line-height:38px; font-size:1.6rem; padding-right:25px;}
  #am3 .more:before{width:12px; right:36px; top:18px;}
  #am3 .more:after{height:12px; right:41px; top:13px;}
}
@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 .left .btm .desc .stress{font-size:2rem;}
  .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;}
  .about-r{width:100%; float:none; margin-top:60px;}

  #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;}


}



#history .main-box{margin:80px auto; position:relative; min-height:600px; z-index:1;}
#history .left{width:40%; height:100%; background:url('img/history.jpg') no-repeat center; background-size:cover; position:absolute; left:0; top:0; padding:80px 60px; box-sizing:border-box;}
#history .left .tit{font-size:5rem; color:#fff;}
#history .left .con{font-size:1.7rem; color:#fff; padding-left:43px; margin-top:35px;}
#history .left .con p{margin:15px 0;}

#history .right{width:50%; float:right; border-left:1px solid #eaeaea; min-height:600px; position:relative;}
#history .right dl{padding:45px 0 15px 40px;}
#history .right dl dt{position:relative; color:#fff; background:#273ea1; display:inline-block; font-size:1.8rem; padding:12px 32px;}
#history .right dl dt:before{content:''; display:block; width:12px; height:12px; background:#ccc; border-radius:100%; position:absolute; left:-46px; top:18px;}
#history .right dl dt:after{content:''; display:block; width:12px; height:12px; background:#273ea1; left:-6px; top:19px; transform:rotate(-45deg); position:absolute;}
#history .right dl dd{font-size:1.5rem; padding:20px 0 0 0;}


@media (max-width:1440px){
  #history .main-box{margin:70px auto;}
  #history .left{left:20px;}
}
@media (max-width:1366px){
  #history .main-box{margin:60px auto;}
  #history .left{left:30px;}
}
@media (max-width:1280px){

}
@media (max-width:1080px){
  #history .left{padding:70px 40px;}
  #history .left .tit{font-size:4rem;}
}
@media (max-width:920px){
  #history .main-box{margin:0 auto 0 auto;}
  #history .left{width:100%; height:auto; position:unset; padding:80px 60px;}
  #history .right{width:100%; float:none; padding:25px 50px 55px 0; box-sizing:border-box; margin-left:25px;}
  #history .right dl{padding:25px 0 15px 40px;}
}


#culture{padding:30px 0;}
#culture .line{position:relative; z-index:1;}
#culture .line .left{width:400px; height:100%; position:absolute; left:0; top:0;}
#culture .line .left .img1{width:100%; height:60%; background:url('img/culture2.jpg') no-repeat center; background-size:cover;}
#culture .line .left .img2{width:100%; height:40%; border-top:1px solid #fff; box-sizing:border-box;  background:url('img/culture.jpg') no-repeat center; background-size:cover;}
#culture .line .right{width:850px; height:auto; float:right; margin-left:30px; padding:50px; box-sizing:border-box; border:1px solid #eaeaea; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; font-size:1.5rem; font-weight:300; line-height:1.9;}
#culture .line .right .tit{font-size:4.8rem; line-height:1; color:#464646; margin-bottom:30px;}
#culture .line .right p{margin-bottom:20px;}


#amc1{min-height:600px; background:url('img/acm1.jpg') no-repeat center; background-size:cover;}
#amc1 .main-box{min-height:600px; position:relative; padding:0; margin:auto; z-index:2;}
#amc1 .main-box .box{height:100%; position:absolute; right:50px; top:0; width:500px; background:rgba(255,255,255,.9); padding:70px 80px; box-sizing:border-box;}
#amc1 .main-box .box .tit{font-size:5.6rem; color:#464646;}
#amc1 .main-box .box .con{font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; font-size:1.7rem; font-weight:300; line-height:2; margin-top:35px;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #culture .line .right{width:805px;}
}
@media (max-width:1280px){
  #culture .line .right{width:730px;}
}
@media (max-width:1080px){
  #culture .line .right{width:530px;}
}
@media (max-width:920px){
  #culture{padding:0 0 30px 0;}
  #culture .main-box{padding:0; margin:0;}
  #culture .line .left{width:100%; height:400px; position:unset;}
  #culture .line .right{width:100%; float:none; margin-left:0; padding:25px; border:0 none; margin-top:20px;}

  #amc1 .main-box .box{right:0; width:100%; padding:60px 25px 0px 25px;}
}



#honor{min-height:850px; background:url('img/honor.jpg') no-repeat center; background-size:cover;}
#honor .tit{margin-left:8%; font-size:5.6rem; color:#464646; padding-top:80px;}
#honor .tit-sub{margin-left:8%; font-size:2rem; margin-top:20px; color:#999;}
#honor .box{min-height:500px; width:100%; margin-top:30px; padding-bottom:80px; position:relative;}
#honor .box .line{background:#5d92fe; height:3px; width:100%; position:absolute; left:0; top:50%; margin-top:-37px; z-index:1;}
#honor .box .wrap{padding:0 8%; position:relative; z-index:2;}

#honor .box .wrap .swiper-container{margin:0 130px; padding:0 0 20px 20px; z-index:1;}
#honor .box .wrap .swiper-slide{height:258px; padding-bottom:7px; overflow:visible;}
#honor .box .wrap .swiper-slide:before{content:''; display:block; width:12px; height:12px; background:#5d92fe; border-radius:100%; position:absolute; left:-5px; bottom:-42px;}
#honor .box .wrap .swiper-slide:after{content:''; display:block; width:2px; height:215px; background:#5d92fe; position:absolute; left:0; bottom:-36px;}
#honor .box .wrap .swiper-slide .tit{font-size:4.6rem; font-family:'Montserrat', sans-serif; font-weight:600; position:relative; padding-top:48px; box-sizing:border-box; position:relative; color:#464646; padding-left:10px;}
#honor .box .wrap .swiper-slide .tit:before{content:''; display:block; width:14px; height:14px; border:1px solid #5d92fe; border-radius:100%; position:absolute; left:-28px; top:71px;}
#honor .box .wrap .swiper-slide .con{margin-top:15px; font-size:1.5rem; line-height:1.3; padding-left:30px; padding-right:10px; width:130%;}
#honor .box .wrap .swiper-slide .con li{margin-bottom:8px; color:#464646; position:relative; padding-left:20px;}
#honor .box .wrap .swiper-slide .con li:before{content:''; display:block; width:8px; height:8px; background:#555; border-radius:100%; left:2px; top:6px; position:absolute;}

#honor .box .wrap .swiper-slide:nth-child(even){padding-top:308px;}
#honor .box .wrap .swiper-slide:nth-child(even):before{content:''; display:block; width:12px; height:12px; background:#5d92fe; border-radius:100%; position:absolute; left:-5px; bottom:0; top:295px;}
#honor .box .wrap .swiper-slide:nth-child(even):after{content:''; display:block; width:2px; height:215px; background:#5d92fe; position:absolute; left:0; bottom:0; top:295px;}
#honor .box .wrap .swiper-slide:nth-child(even) .tit:before{content:''; display:block; width:14px; height:14px; border:1px solid #5d92fe; border-radius:100%; position:absolute; left:-27px; top:201px;}

#honor .np{position:absolute; width:100%; left:0; top:50%; margin-top:40px;}
#honor .swiper-button-prev{width:64px; height:64px; background:url('img/ico.arr.left.png?1') no-repeat center; background-size:30px; left:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; background-color:#5d92fe; border-radius:100%; transition:all .2s;}
#honor .swiper-button-next{width:64px; height:64px; background:url('img/ico.arr.left.png?1') no-repeat center; background-size:30px; right:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; transform:rotate(180deg); background-color:#5d92fe; border-radius:100%; transition:all .2s;}
#honor .swiper-button-prev:hover, #honor .swiper-button-next:hover{background-color:#3779ff;}


@media (max-width:1440px){
  #honor{min-height:750px;}
  #honor .box .wrap .swiper-slide .tit{font-size:4.2rem;}
  #honor .box .wrap .swiper-slide .tit:before{left:-24px;}
  #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{left:-25px;}
  #honor .box .wrap .swiper-slide .con{font-size:1.4rem;}
}
@media (max-width:1366px){
  #honor{min-height:650px;}
  #honor .tit{font-size:5.2rem; padding-top:60px; margin-left:35px;}
  #honor .tit-sub{font-size:1.8rem; margin-top:16px; margin-left:35px;}
  #honor .box{min-height:200px; margin-top:0px;}
  #honor .box .line{background:#5d92fe; height:3px; width:100%; position:absolute; left:0; top:50%; margin-top:-37px; z-index:1;}
  #honor .box .wrap{padding:0 35px;}

  #honor .box .wrap .swiper-slide{height:188px;}
  #honor .box .wrap .swiper-slide:before{bottom:-77px;}
  #honor .box .wrap .swiper-slide:after{height:180px; bottom:-72px;}
  #honor .box .wrap .swiper-slide .tit{font-size:4rem;}
  #honor .box .wrap .swiper-slide .tit:before{left:-42px;}

  #honor .box .wrap .swiper-slide:nth-child(even):before{top:260px;}
  #honor .box .wrap .swiper-slide:nth-child(even):after{height:188px; top:265px;}
  #honor .box .wrap .swiper-slide:nth-child(even) .tit{padding-top:18px; }
  #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{left:-42px; top:145px;}


  #honor .swiper-button-prev{left:35px;}
  #honor .swiper-button-next{right:35px;}
}
@media (max-width:1280px){

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

}
@media (max-width:920px){
  #honor{min-height:auto;}
  #honor .tit{font-size:3.6rem; padding-top:50px; margin-left:25px;}
  #honor .tit-sub{font-size:1.5rem; margin-top:6px; margin-left:25px;}
  #honor .box{min-height:auto; padding-top:30px;}
  #honor .box .line{display:none;}
  #honor .box .wrap{padding:0 25px;}

  #honor .box .wrap .swiper-container{margin:0 0; padding:0 0 0 0;}
  #honor .box .wrap .swiper-slide{height:auto; padding:0 50px; box-sizing:border-box;}
  #honor .box .wrap .swiper-slide:before{display:none;}
  #honor .box .wrap .swiper-slide:after{display:none;}
  #honor .box .wrap .swiper-slide .tit{font-size:3.2rem; padding-top:0 !important; padding-left:0px; margin-left:0;}
  #honor .box .wrap .swiper-slide .tit:before{display:none;}
  #honor .box .wrap .swiper-slide .con{padding-left:0px; padding-right:10px;}
  #honor .box .wrap .swiper-slide .con li{margin-bottom:8px; color:#464646; position:relative; padding-left:20px;}

  #honor .box .wrap .swiper-slide:nth-child(even){padding:0 50px;}
  #honor .box .wrap .swiper-slide:nth-child(even):before{display:none;}
  #honor .box .wrap .swiper-slide:nth-child(even):after{display:none;}
  #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{display:none;}

  #honor .np{position:absolute; width:100%; left:0; top:50%; margin-top:0;}
  #honor .swiper-button-prev{width:36px; height:36px; background-size:16px; left:20px; margin-top:0;}
  #honor .swiper-button-next{width:36px; height:36px; background-size:16px; right:20px; margin-top:0;}
}



#product{min-height:840px;}
#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:4.6rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#product .item .con .tit-sub{font-size:1.6rem; color:#999; margin-top:10px;}
#product .item ul{margin-top:50px;}
#product .item ul li{display:inline-block; width:135px; margin:0 50px 25px 0; vertical-align:top;}
#product .item ul li>a{display:block; width:135px;}
#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;}
#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.5rem; text-align:center; padding:12px 0; text-align:center; color:#464646;}
#product .item ul li>a:hover .img{background:#273ea1;}
#product .item ul li>a:hover .img img{width:116%; height:116%; margin:-8%;}
#product .item ul li>a:hover .name{color:#273ea1;}


@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:120px; margin:0 25px 15px 0;}
  #product .item ul li>a{width:120px;}
  #product .item ul li>a .img{width:120px; height:120px;}
}
@media (max-width:1366px){
  #product .item .con .tit{font-size:4.2rem;}
  #product .item .con .tit-sub{font-size:1.5rem;}
  #product .item .con{padding:35px 45px;}
  #product .item ul li{width:120px; margin:0 20px 15px 0;}
  #product .item ul li>a .name{font-size:1.4rem;}
}
@media (max-width:1280px){
  #product .item .con{padding:35px 40px;}
  #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:125px; margin:0 30px 20px 0;}
  #product .item ul li>a{width:125px;}
  #product .item ul li>a .img{width:125px; height:125px;}
}
@media (max-width:920px){
  #product .item>.img{height:200px;}
  #product .item .con .tit{font-size:3.8rem;}
  #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>a{width:100%;}
  #product .item ul li>a .img{margin:auto; width:136px; height:136px;}
  #product .item ul li>a .name{font-size:1.5rem; 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:1260px;}
#search input::-webkit-input-placeholder{color:#464646;}


#pro-list{min-height:840px; padding:15px 0;}
#pro-list .main-box .root{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; text-align:center;}
#pro-list .main-box .sibling{margin:26px auto; text-align:center;}
#pro-list .main-box .sibling>a{display:inline-block; font-size:1.5rem; 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 .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.6rem; font-weight:300; font-family:'Microsoft YaHei Light'; 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:35px; 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:41px; 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:1190px;}

  #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:1130px;}

  #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:950px;}


  #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.4rem; 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:88px;}
  #pro-list .list a .img>div:after{top:128px;}
  #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 .sibling{text-align:left; line-height:1.8;}
  #pro-list .main-box .sibling>a{font-size:1.5rem; padding:3px 0; margin:0 15px 0 0; position:relative; letter-spacing:0;}
  #pro-list .main-box .sibling>a.active:after{bottom:4px;}

  #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('img/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('img/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.5rem; margin:10px 0; border-bottom:1px solid #eaeaea; padding-bottom:25px;}
#pro-view .pro-info .path a{display:inline-block;}

#pro-view .pro-info .label{margin-top:25px; font-size:1.5rem; background:url('img/ico.label.png?1') no-repeat left 5px; padding-left:26px; background-size: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 .ctrl{margin-top:40px;}
#pro-view .ctrl .quiry{display:inline-block; font-size:1.5rem; color:#fff; background:#273ea1; 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:#273ea1; 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:2rem; padding:0 50px; position:relative;}
#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 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:40px;}
}
@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.8rem;}
}
@media (max-width:1280px){
  #pro-view .pro-move{min-height:auto;}
  #pro-view .pro-move .bx-wrapper{min-height:auto;}
}
@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.8rem; padding:0 35px;}
}
@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 .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-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.7rem; background:#fff; transition:all .2s; color:#464646;}
  #pro-detail .tag-con .item .tit:after{content:''; display:block; position:absolute; right:25px; top:15px; width:28px; height:28px; background:url('img/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;}
.text-content img{max-width:100%; height:auto;}
.text-content p, .text-content div{margin-bottom:30px;}
.text-content img{max-width:100%; height:auto;}
.text-content span{display:inline-block;}
.text-content table{width:100% !important; border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:1.4rem;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}



#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:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;}
#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:8.6rem; 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.6rem; font-weight:400; margin-top:5px;}
#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:30px; box-sizing:border-box;}
#exhibition .list>a .tit .update{font-size:1.3rem; color:#999;}

#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:normal; 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 .wx, #news-view .info .wx{font-family:"iconfont" !important; font-size:24px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; margin-left:15px; color:#4fce2a;}
#exhibition-view .info .wx:hover, #news-view .info .wx:hover{color:#56dd2f;}
#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;}
#exhibition-view .con table td, #exhibition-view .con table td *, #news-view .con table td, #news-view .con table td *{}
#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-family:"iconfont" !important; 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:#273ea1;}


@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, .text-content *{font-size:1.4rem;}
}
@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;}
  #exhibition-view .info, #news-view .info{margin-bottom:20px;}
  #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:#273ea1; 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:normal; 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.8rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#news .list>a .box .date>i{font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; margin-right:8px;}
#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.4rem; line-height:1.6;}
  #news .list>a .box .date{position:unset; left:unset; bottom:unset; margin-top:15px;}
  #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;}
#videocenter .list a .con .desc{font-size:1.4rem; line-height:1.5; 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;}
}


#network{position:relative; height:100%; z-index:1; padding-top:60px; box-sizing:border-box; overflow:hidden;}
#network .left{height:100%; width:400px; background:#fff; position:absolute; left:0; top:0; z-index:2; padding-top:60px; box-sizing:border-box;}
#network .search{padding:30px; background:#222;}
#network .search .layui-input-inline{width:167px;}
#network .search .layui-form-select dl dd.layui-this{background:#5d92fe;}
#network .search input{background:#fff; border:0px none;}
#network .search .layui-form-select dl{border:0px none;}
#network .search .key{margin-top:5px;}
#network .search .key input{width:292px;}
#network .search .layui-input{display:inline-block; vertical-align:middle;}
#network .search .key button{display:inline-block; vertical-align:middle; background:#5d92fe; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-left:0; padding-right:0; text-align:center; width:42px;}

#network .list{overflow-y:auto; position:absolute; width:100%; left:0; top:201px; bottom:0;}
#network .list::-webkit-scrollbar{width:8px; height:8px;}
#network .list::-webkit-scrollbar-track{background:#eee;}
#network .list::-webkit-scrollbar-thumb{background:#ccc;}
#network .list::-webkit-scrollbar-thumb:vertical:hover{background:#5d92fe;}
#network .list a{display:block; padding:30px; border-bottom:1px solid #eaeaea; transition:all .3s;}
#network .list a:hover{background:#5d92fe;}
#network .list a dt{font-size:1.8rem; margin-bottom:10px; color:#464646; transition:all .3s;}
#network .list a dt>i{font-family: "iconfont" !important; font-size:1.7rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; margin-right:6px; color:#5d92fe; transition:all .3s;}
#network .list a dd{font-size:1.5rem; transition:all .3s;}
#network .list a:hover dt{color:#fff;}
#network .list a:hover dt>i{color:#fff;}
#network .list a:hover dd{color:#fff;}
#network .list a dd p{padding:4px 0 3px 0;}
#network .list a dd p.nav{display:none;}

#allmap{height:108%; position:relative; z-index:1; margin-left:400px;}
#allmap .anchorBL, #allmap .BMap_cpyCtrl{display:none;}
#allmap img{max-width:none;}
#allmap .map-box{padding:5px 8px;}
#allmap .title{font-size:1.8rem; color:#464646; padding-bottom:12px;}
#allmap .detail{border-top:2px solid #464646; padding-top:12px; color:#464646; font-size:1.3rem; letter-spacing:0;}
#allmap .detail p{margin-bottom:4px;}
#allmap .map-box .detail a{display:inline-block; padding-left:23px; background:url('img/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#5d92fe; min-height:18px;}
#allmap .map-box .detail a:hover{color:#597dd3;}


@media (max-width:1440px){

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

}
@media (max-width:1280px){
  #network .left{width:350px;}
  #network .search .layui-input-inline{width:142px;}
  #network .search .key input{width:242px;}
  #network .list a dt{font-size:1.6rem;}
  #network .list a dt>i{font-size:1.5rem;}
  #network .list a dd{font-size:1.4rem; letter-spacing:0;}
  #allmap{margin-left:350px; height:109%;}
}
@media (max-width:1080px){
  #network{height:auto; overflow:unset; padding:0;}
  #network .left{width:100%; position:relative; padding-top:0;}
  #network .left .search #form1>div{display:inline-block;}
  #network .search .layui-input-inline{width:188px;}

  #network .list{overflow-y:unset; position:unset; height:auto; min-height:auto; top:unset; bottom:unset;}

  #allmap{margin-left:0; height:768px;}

}
@media (max-width:920px){
  #network .left{margin-top:60px;}
  #network .search{padding:25px;}
  #network .search .layui-input-inline{width:48%;}
  #network .search .key{display:block; width:100%;}
  #network .search .key input{width:calc(100% - 56px);}

  #network .list a dt{font-size:1.8rem;}
  #network .list a:hover, #network .list a:active{background:#eee;}
  #network .list a:hover dt{color:#464646;}
  #network .list a:hover dt>i{color:#5d92fe;}
  #network .list a:hover dd{color:#777177;}
  #network .list a dt>i{font-size:1.7rem;}
  #network .list a dd{font-size:1.5rem; letter-spacing:0;}
  #network .list a dd p.nav{display:block; margin-top:3px;}
  #network .list a dd p.nav span{display:inline-block; padding-left:23px; background:url('img/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#5d92fe; min-height:18px;}

  #allmap{display:none;}
}



#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('img/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.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; 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.6rem; margin-top:55px; color:#464646;}
#global .main-box .desc, #service .main-box .desc{font-size:1.4rem; 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('img/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('img/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.8rem; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; 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.4rem; margin-top:55px; color:rgba(255,255,255,.7); line-height:1.9;}
#sm1 .main-box .desc{padding-left:20px; margin-top:30px; font-size:1.4rem; color:rgba(255,255,255,.7); 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:2.6rem;}
#download .list a .box .sharecode{font-size:1.4rem; color:#273ea1; padding-left:20px; background:url('img/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('img/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:#273ea1;}
#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:2.2rem;}
  #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:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;}
#contact .main-box>.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}
#contact .box{margin-top:70px;}
#contact .item{width:630px; border:1px solid #eaeaea; padding:35px; box-sizing:border-box; display:block; position:relative; overflow:hidden;}
#contact .item:before{content:''; display:block; width:80px; height:80px; background:#273ea1; position:absolute; left:40px; top:60px; border-radius:100%; z-index:1; transition:all .8s cubic-bezier(0.7, 0.01, 0.3, 1);}
#contact .item:hover:before{background:#273ea1; width:1000px; height:1000px; left:-25%; top:-100%;}
#contact .wall{position:relative; width:1330px;}
#contact .wall-column{display:block; position:relative; width:630px; float:left; padding:0; margin:0 30px 30px 0; box-sizing:border-box;}
#contact .wall-item{margin-bottom:30px;}


#contact .item .left{width:90px; float:left; background:#273ea1; height:90px; border-radius:100%; margin-top:20px; position:relative; z-index:2; text-align:center; line-height:82px;}
#contact .item .left img{width:64px; height:64px;}
#contact .item .right{width:445px; float:right; position:relative; z-index:2;}
#contact .item .right .tit{font-size:2.6rem; color:#273ea1; transition:all .35s .3s;}
#contact .item .right .desc{color:#273ea1; font-size:1.5rem; margin-top:8px; transition:all .35s .3s;}
#contact .item .right .con{margin-top:30px; font-size:1.5rem; line-height:1.6; letter-spacing:0; transition:all .35s .3s;}
#contact .item .right .con p{margin:10px 0;}
#contact .item .right .con a{transition:all .35s .3s;}
#contact .item .right .con a.unline{text-decoration:underline; color:#5d92fe;}

#contact .item:hover .right .tit{color:#fff;}
#contact .item:hover .right .desc{color:rgba(255,255,255,.6);}
#contact .item:hover .right .con{color:#fff;}
#contact .item:hover .right .con a{color:#fff;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #contact .main-box{padding-top:0px;}
  #contact .item{width:615px;}
  #contact .item:before{width:70px; height:70px;}

  #contact .wall{width:1300px;}
  #contact .wall-column{width:615px;}

  #contact .item .left{width:80px; height:80px;}
  #contact .item .left img{width:48px; height:48px; margin-top:-5px;}
  #contact .item .right{width:420px;}
}
@media (max-width:1280px){
  #contact .main-box{padding-left:35px; padding-right:35px;}
  #contact .item{width:590px;}

  #contact .wall-column{width:590px;}
}
@media (max-width:1080px){
  #contact{margin-top:-10px;}
  #contact .item{width:100%;}
  #contact .item:hover:before{width:2000px; height:2000px; left:-45%; top:-150%;}
  #contact .item .left{width:90px; float:none; height:90px; position:absolute; left:30px; top:30px;}
  #contact .item .left img{width:64px; height:64px;}
  #contact .item .right{margin-left:120px; float:none; width:auto;}

  #contact .wall{width:100%;}
  #contact .wall-column{width:100%;}
}
@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;}
  #contact .item:before{display:none;}
  #contact .item .left{width:48px; height:48px; left:0px; top:0px; line-height:48px; margin:0;}
  #contact .item .left img{width:32px; height:32px;}
  #contact .item .right{margin-left:70px; width:auto;}
  #contact .item .right .desc{font-size:1.4rem; margin-top:8px;}
  #contact .item .right .con{margin-top:20px; font-size:1.4rem;}

  #contact .item:hover .right .tit{color:unset;}
  #contact .item:hover .right .desc{color:unset;}
  #contact .item:hover .right .con{color:unset;}
}


#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;}
}