@charset "utf-8";

@import url('webfont.css');
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot?9');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.woff2') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/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:#076aad;}
body,td,th,input,textarea,select{font-family: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color:#333; outline:none; letter-spacing:0.05rem;}
html{font-size:62.5%;}
html,body{background:#fff; height:100%;width: 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:#076aad;}
*: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;}
.index_banner img{display: block;width:100%;}
#banner .mask{width:100%; height:100%; position:absolute; z-index:2; background:url('../images/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('../images/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:#076aad;}
#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:#076aad;}
#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:#076aad;}

#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:#156daf; text-align:center; margin-top:50px; transition:all .2s; position:relative; z-index:999;}
#head .logo img{height:50px; transition:all .2s; position:absolute; left:42%; top:46%; 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;
    padding: 0 18px;
}
#head.sm .logo img{height:55px; margin:-25px auto auto -85px;}
#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;    background: #156daf;}
#head.sm{height:70px;}
  #head .logo{width:180px; margin-top:0; height:70px;}
  #head .logo img{
    left: 25%;
    height: 60px;
    margin: -27px auto auto -60px;
}
  #head.sm .logo{
    width: 50%;
    margin-top: 5px;
    height: auto;
}
  #head.sm .logo img{
    left: 10%;
    width: 100%;
    height: auto;
    margin: 0px auto;
}
  #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:#12639c; 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:#12639c; transition:top .3s .3s, transform .3s;}
#nav>span:after{content:''; display:block; position:absolute; left:0; top:9px; width:100%; height:3px; background:#12639c; transition:top .3s .3s, transform .3s;}
#nav.active{background:#076aad;}
#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:#12639c;    float: right;}
#head.sm #nav>span, #head.sm #nav>span:after, #head.sm #nav>span:before{background:#fff;}
#head.sm #nav>span{transition:background .3s;}
#head.sm #nav.active>span{background:none; transition:background .3s;}

#nav-box{position:fixed; z-index:998; background:url('../images/nav_bg.jpg') no-repeat center; background-size:cover; width:100%; height:100%; left:0; top:0; display:none;}
#nav-box .item{width:14.285%; 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; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
#nav-box .item:hover a{color:#fff;}
#nav-box .item:hover a:hover{color:#076aad;}
.disflex{
    display: flex;
}

#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,#menu>li a.active{/*color:#076aad !important;*/}
#menu>li a:hover:after,#menu>li a.active:after{width:40px; margin-left:-20px; /*background:#076aad;*/}

#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;*/display: none;}
  #menu>li a{font-size:1.8rem; padding:0 20px;}
  #head.sm #menu{/*width:400px;*/display: none;}
  #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;    float: right;}
  #head.sm #nav{width:60px; height:70px;}

  #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:4rem; 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;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
#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:#076aad;}
#m1 a:hover .tit:after{bottom:80px; background:#076aad; width:100px; margin-left:-50px;}
#m1 a:hover .txt{margin-top:50px;}
#m1 a:hover .more{border:1px solid #076aad; background:#076aad;}
#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:20%;}
  #m1 a:hover .tit{padding-top:145px;}
  #m1 a .txt{font-size:1.5rem; padding:0 45px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
  #m1 a .more{top:48%;}
#m1 a .img{    bottom: 30px;}
}
@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('../images/m2.jpg') no-repeat center; background-size:cover; position:absolute; z-index:0; left:0; top:0;}
#m2 .tit{margin-left:8%; margin-top:160px; color:#076aad; font-size:5rem; 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:#076aad; 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;    font-family: 'Montserrat', sans-serif;}
#m2 .tit-sub>p{display:inline-block; color:#fff; background:#076aad; 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:#1a4499; left:0; bottom:-36px; position:absolute;}
#m2 .con{margin-left:8%; color:#fff; font-size:1.7rem; margin-top:4%; 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 .con p{
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #000000;
    }
#m2 .data{background:#1a4499; width:84%; height:200px; position:absolute; z-index:2; left:8%; bottom:80px;}
#m2 .data>div{width:33.3333%; 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:7.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: 4rem; margin-top: 6%;}
  #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: 30px;}
  #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:#076aad; font-size:34px; 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:52%; width:88%; line-height:1.7; /* text-align:justify;*/}
  #m2 .data{width:100%; height:300px; 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;}
#m2 .con p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
}
#m2 .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 #000000;
    color: #000000;
    border-radius: 3px;
    padding-right: 30px;
    position: relative;
    transition: all .3s;
    text-align: center;
    margin-top: 15px;
}
#m2 .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:50px; top:20px; transition:all .3s;}
#m2 .more:hover{color:#076aad; border:1px solid #076aad;}
#m2 .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:56px; top:14px;transition:all .3s;}
#m2 .more:hover:before, #m3 .left .more:hover:after{transform:rotate(180deg); background:#076aad;}


#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:#076aad; 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:#076aad; border:1px solid #076aad;}
#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:#076aad;}


#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:#076aad;}
#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: 30px;
    float: left;
}
  #m3 .right .swiper-slide a .tit{
    font-size: 1.7rem;
    font-weight: normal;
    margin: 45px 15px 35px 15px;
    height: 45px;
    width: 66%;
    float: right;
}
  #m3 .right .swiper-slide a .img{margin:0 25px; height:auto;clear: both;}
  #m3 .right .swiper-slide a .img>img{height:auto;}
  #m3 .right .swiper-slide a:hover .img>img{width:100%; height:auto; margin:0;}
  #m3 .right .swiper-slide a .con{margin:25px 25px 40px 25px;}
  #m3 .right .arr{position:relative; left:25px; bottom:unset; margin-top:20px;}
}



#m4{height:100%; position:relative; overflow:hidden;}
#m4 .bg{width:100%; height:100%; background:url('../images/m4.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m4 .tit{margin-left:8%; margin-top:180px; color:#fff; 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:25%; 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('../images/m5.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m5 .tit{font-family:'Montserrat', sans-serif; font-size:6.8rem; font-weight:600; color:#fff; 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';color:#fff}
#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 #fff; color:#fff; 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:#fff; right:50px; top:20px; transition:all .3s;}
#m5 .more:hover{color:#076aad; border:1px solid #076aad;}
#m5 .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#fff; right:56px; top:14px;transition:all .3s;}
#m5 .more:hover:before, #m5 .more:hover:after{transform:rotate(180deg); background:#076aad;}


@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;
    padding-top: 20px;
    margin-top: 0;
}
  #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:#076aad;}
#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:#076aad;}

#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:350px;*/ z-index:2; background-repeat:no-repeat; background-position:center; background-size:cover;}
#bans>img{
    display: block;
    width: 100%;
}
#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:#076aad;}
#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:#076aad; background:rgba(0,0,0,.7);}
#bans .menu-sub a.active, #banssm .menu-sub a.active{background:#076aad; 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.news a, #banssm .menu-sub.news a{width:50%;}
#bans .menu-sub.product a:nth-child(n+3), #banssm .menu-sub.product a:nth-child(n+3){display: none;}
#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;position: relative;}
  #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.product a:nth-child(n+3), #banssm .menu-sub.product a:nth-child(n+3){display: block;}

  #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:5px; 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:#076aad; 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;color: #868686;}
.about-box .left .btm .desc{margin-top:30px;}
.about-box .left .btm .desc .stress{color:#076aad; font-size:2.6rem;}
.about-box .left .btm .desc p{margin-top:50px;}

.about-box .center .desc{line-height:1.9; margin-top:25px;    color: #868686; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.about-box .center .img{display:block; margin:10px auto; height:256px;}
.about-box .right .desc{line-height:1.9; color: #868686;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.about-box .right .img{display:block; margin:35px auto; height:158px;}


#am1{background:url('../images/am1.jpg') no-repeat center; background-size:cover; background-attachment:fixed; color:#fff; padding:60px 0 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;    overflow-y: scroll; height: 362px;padding-right: 20px;}
#am1 .con p{margin-bottom:15px; font-weight:300; word-break:break-all;}

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


#am2{background:#12639c; 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('../images/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(../images/play.png) no-repeat; background-size:100% 100%; margin:-38px 0 0 -33px; transition:all .3s; display:block;}
#vL:hover>span{filter:alpha(opacity=60); opacity:.6;}
#vL>div{position:absolute; left:0; top:0; width:100%; height:100%;}

#am3 .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.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:#076aad; border:1px solid #076aad;}
#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:#076aad;}


@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:2.4rem;}
  .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;height: 90px;}
  .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:120px;}
  .about-box .center .img{margin:auto; height:100px; position:absolute; right:35px; top:70px;}
  .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:90px; 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;    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
  .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;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    width: 80%;
    margin-top: 8px;
}
  .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('../images/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:#12639c; 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:#12639c; 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('../images/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('../images/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:3.8rem; line-height:1; color:#464646; margin-bottom:30px;}
#culture .line .right p{margin-bottom:20px;}


#amc1{min-height:600px; background:url('../images/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:3.8rem; 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:700px;  }
#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%;  position:relative;margin: 80px 0px;}
#honor .box .line{background:#076aad; 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 .wrap2{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 .wrap2 .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:#076aad; border-radius:100%; position:absolute; left:-5px; bottom:-42px;}
#honor .box .wrap .swiper-slide:after{content:''; display:block; width:2px; height:215px; background:#076aad; 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 #076aad; border-radius:100%; position:absolute; left:-23px; 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:#076aad; 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:#076aad; 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 #076aad; border-radius:100%; position:absolute; left:-23px; 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('../images/ico.arr.left.png') no-repeat center; background-size:30px; left:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; background-color:#076aad; border-radius:100%; transition:all .2s;}
#honor .swiper-button-next{width:64px; height:64px; background:url('../images/ico.arr.left.png') no-repeat center; background-size:30px; right:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; transform:rotate(180deg); background-color:#076aad; 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:#076aad; height:3px; width:100%; position:absolute; left:0; top:50%; margin-top:-37px; z-index:1;}
  #honor .box .wrap{padding:0 35px;}
  #honor .box .wrap2{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;padding-bottom: 30px;}
  #honor .box .line{display:none;}
  #honor .box .wrap{padding:0 25px;}
  #honor .box .wrap2{padding:0 70px;}
  #honor .box .wrap .swiper-container{margin:0 0; padding:0 0 0 0;}
    #honor .box .wrap2 .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:last-child>a .img{
    background: #999;
}
#product .item ul li>a .img img{width:100%; height:100%; transition:all .3s; max-width:none;border-radius: 50%;}
#product .item ul li>a .name{font-size:1.5rem; text-align:center; padding:12px 0; text-align:center; color:#464646;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
#product .item ul li>a:hover .img{background:#12639c;}
#product .item ul li>a:hover .img img{width:116%; height:116%; margin:-8%;}
#product .item ul li>a:hover .name{color:#12639c;}


@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:calc(100% - 50px);}
#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;}

.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:#076aad;}

.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:#076aad; border:1px solid #076aad;}
.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:#076aad;}

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

  #pro-list{padding:0;}
  #pro-list .main-box{padding:0 35px;}

  #pro-list .main-box .sibling{margin:20px auto;}


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


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


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



  .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-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:#076aad; color:#fff; border:1px solid #076aad;}

#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;border: 1px solid #ddd;box-sizing: border-box;}
#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:#076aad; position:relative;}
#pro-view .pro-move .bx-pager a.active>img{-webkit-filter:brightness(116%); filter:brightness(116%);}
#pro-view .pro-move .bx-prev{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;}
#pro-view .pro-move .bx-prev:after{content:''; display:block; width:30px; height:30px; background:url('../images/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; left:14px; top:15px;}
#pro-view .pro-move .bx-next{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;}
#pro-view .pro-move .bx-next:after{content:''; display:block; width:30px; height:30px; background:url('../images/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; right:13px; top:15px; transform:rotate(180deg);}
#pro-view .pro-move .bx-wrapper .bx-controls-direction a{opacity:0;}
/*
#pro-view .pro-move .bx-wrapper:hover .bx-controls-direction a{opacity:1;}
#pro-view .pro-move .bx-prev:hover,#pro-view .pro-move .bx-next:hover{background:rgba(0,0,0,.3);}
*/


#pro-view .pro-info{width:45%; float:right;}
#pro-view .pro-info h1{font-weight:bold; font-size:3.2rem; color:#464646; display:block; margin:0;}
#pro-view .pro-info .path{font-size:1.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('../images/ico.label.png') 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:#076aad; border-bottom:1px solid #076aad;}

#pro-view .ctrl{margin-top:40px;}
#pro-view .ctrl .quiry{display:inline-block; font-size:1.5rem; color:#fff; background:#12639c; 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:#12639c; color:#fff;}
#pro-detail .tag-tit .main-box{margin:0 0 0 70px; 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:#076aad; left:50%; bottom:0px; position:absolute; transition:all .3s;}
#pro-detail .tag-tit .main-box>a:hover{color:#076aad;}
#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:25px;}
#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;margin-bottom: 50px;}
#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:70px;}
}
@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;margin-top: 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{}

  #pro-detail .main-box{overflow:unset;}
  #pro-detail .tag-con .main-box{padding:0; margin:0; margin-bottom:20px;}
  #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:#076aad;}
  #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('../images/ico.down.png') no-repeat center center; background-size:16px; background-color:#076aad; 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.active .pro_list1{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{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 #076aad inset;}
#exhibition .list>a:hover .con .date{background:#076aad; color:#fff;}


/*#exhibition-view, #news-view{margin-top:150px;}*/
#exhibition-view h1, #news-view h1{font-size:3rem; 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;height: 30px;}
#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:40px 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:#12639c;}


@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:3rem;}

  .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:2rem;}
  #exhibition-view .info, #news-view .info{margin-bottom:10px;margin-top: 10px;height: 30px;line-height: 30px;}
  #exhibition-view .btm, #news-view .btm{margin:30px auto 0; padding:25px 0 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:#12639c; 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:100%; 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:nowrap; overflow:hidden; text-overflow:ellipsis; 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:#076aad;}
#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:#076aad; 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:#076aad;}
#network .list a{display:block; padding:30px; border-bottom:1px solid #eaeaea; transition:all .3s;}
#network .list a:hover{background:#076aad;}
#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:#076aad; 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('../images/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#076aad; 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:#076aad;}
  #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('../images/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#076aad; 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('../images/global.jpg') no-repeat center center; background-size:cover; width:48%; right:50px; top:0; position:absolute; height:100%;}
#global .main-box .left, #service .main-box .left{width:52%; box-sizing:border-box; padding-right:100px;}
#global .main-box .tit, #service .main-box .tit{font-size:3.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:#076aad;}


@media (max-width:1440px){

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


#service{margin:80px 0 0 0;}
#service .main-box{min-height:400px; margin:0 auto;}
#service .main-box .right{background:url('../images/service_1.jpg') no-repeat center center; background-size:cover;}
#sm1{margin-top:16px; margin-bottom:80px;}
#sm1 .main-box{margin:0 auto; min-height:500px; position:relative;}
#sm1 .main-box .left{position:absolute; left:50px; top:0; width:810px; height:100%; background:url('../images/service_2.jpg') no-repeat center; background-size:cover;}
#sm1 .main-box .right{min-height:500px; width:490px; background:#2f2f2f; float:right; padding:50px; color:#fff; box-sizing:border-box;}
#sm1 .main-box .tit{font-size:3.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:#12639c; padding-left:20px; background:url('../images/ico.pwd.png') no-repeat left center; background-size:15px; margin-top:10px;}
#download .list a .box .size{font-size:1.4rem; color:#aaa; padding-left:20px; background:url('../images/ico.annex.png') no-repeat left center; background-size:14px; margin-top:25px; font-family:'Montserrat', sans-serif; font-weight:600;}
#download .list a .info{width:150px; height:100px; float:right; background:#f3f3f3; overflow:hidden; color:#b0b0b0; font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.4rem; text-align:center; position:relative; z-index:1;}
#download .list a .info .date{width:100px; border-bottom:1px solid #dcdcdc; margin:auto; padding:25px 0 6px 0; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;}
#download .list a .info .count{padding-top:6px; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;}
#download .list a .info:after{content:''; display:block; width:5px; height:5px; background:#f3f3f3; position:absolute; left:53px; top:63px; z-index:1; border-radius:100%; transition:all .8s cubic-bezier(0.7, 0.01, 0.3, 1);}
#download .list a:hover{box-shadow:10px 10px 30px rgba(0,0,0,.08);}
#download .list a .count i{font-family:"iconfont" !important; font-size:1.2rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;display:inline-block; margin-right:5px;}
#download .list a:hover .info:after{width:150%; height:180%; left:-20%; top:-40%; background:#12639c;}
#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:#12639c; 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:#12639c; 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:#2775b2; 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:#12639c; transition:all .35s .3s;}
#contact .item .right .desc{color:#12639c; 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:#076aad;}

#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:#076aad;}
#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:#076aad;}
#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;}
}

#am1 .about-r .con{
    overflow: hidden;
}
#am1 .about-r img{
    transition:.35s;
    width: 100%;
    display: block;
}
#am1 .about-r img:hover{
    transform: scale(1.1,1.1);
}
#pro-list .pro_list{
    overflow: hidden;
    padding-top: 65px;
}
#pro-list .pro_list a{
    display: block;
    float: left;
    width: calc(33.33% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
}
#pro-list .pro_list a:nth-child(3n){
    margin-right: 0;
}
#pro-list .pro_list a .img{
    position: relative;
    overflow: hidden;
    border: 1px solid #eaeaea;
}
#pro-list .pro_list a .img>div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content:center;
    transition:.35s;
    opacity: 0;
}
#pro-list .pro_list a:hover .img>div{
    background: rgba(0,0,0,0.5);
    opacity: 1;
}
#pro-list .pro_list a .img img{
    display: block;
    width: 100%;
    transition:.35s;
}
#pro-list .pro_list a:hover .img img{
    transform: scale(1.1,1.1);
}
#pro-list .pro_list a .img>div span{
    display: block;
    color: #fff;
    line-height: 30px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
}
#pro-list .pro_list a .img>div:before{
    height: 1px;
    width: 40%;
    content: '';
    display: block;
    background: #fff;
    opacity: 0;
    margin: 0 auto;
    transition: all .55s ease;
}
#pro-list .pro_list a:hover .img>div:before{
    width: 10px;
    opacity: .6;
}
#pro-list .pro_list a .img>div:after{
    height: 1px;
    width: 40%;
    content: '';
    display: block;
    background: #fff;
    opacity: 0;
    margin: 0 auto;
    transition: all .55s ease;
}
#pro-list .pro_list a:hover .img>div:after{
    width: 10px;
    opacity: .6;
}
#pro-list .pro_list a .con{
    border: 1px solid #eaeaea;
   
    box-sizing: border-box;
    border-top: 0px none;
    padding: 13px;
}
#pro-list .pro_list a .con .name{
    font-size: 1.6rem;
    color: #464646;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#pro-list .pro_list a:hover .con .name{
    color: #1a4499;
}
#pro-list .pro_list a .con .more{
    border-top: 1px solid #eaeaea;
    padding-top: 13px;
    margin-top:13px;
    position: relative;
    color: #999;
}


#pro-detail .pro_list1{
    overflow: hidden;
}
#pro-detail .pro_list1 a{
    display: block;
    float: left;
    width: calc(33.33% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
}
#pro-detail .pro_list1 a:nth-child(3n){
    margin-right: 0;
}
#pro-detail .pro_list1 a .img1{
    position: relative;
    overflow: hidden;
    border: 1px solid #eaeaea;
}
#pro-detail .pro_list1 a .img1>div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    justify-content:center;
    transition:.35s;
    opacity: 0;
}
#pro-detail .pro_list1 a:hover .img1>div{
    background: rgba(0,0,0,0.5);
    opacity: 1;
}
#pro-detail .pro_list1 a .img1 img{
    display: block;
    width: 100%;
    transition:.35s;
}
#pro-detail .pro_list1 a:hover .img1 img{
    transform: scale(1.1,1.1);
}
#pro-detail .pro_list1 a .img1>div span{
    display: block;
    color: #fff;
    line-height: 30px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
}
#pro-detail .pro_list1 a .img1>div:before{
    height: 1px;
    width: 40%;
    content: '';
    display: block;
    background: #fff;
    opacity: 0;
    margin: 0 auto;
    transition: all .55s ease;
}
#pro-detail .pro_list1 a:hover .img1>div:before{
    width: 10px;
    opacity: .6;
}
#pro-detail .pro_list1 a .img1>div:after{
    height: 1px;
    width: 40%;
    content: '';
    display: block;
    background: #fff;
    opacity: 0;
    margin: 0 auto;
    transition: all .55s ease;
}
#pro-detail .pro_list1 a:hover .img1>div:after{
    width: 10px;
    opacity: .6;
}
#pro-detail .pro_list1 a .con1{
    border: 1px solid #eaeaea;
   
    box-sizing: border-box;
    border-top: 0px none;
    padding: 13px;
}
#pro-detail .pro_list1 a .con1 .name1{
    font-size: 1.6rem;
    color: #464646;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#pro-detail .pro_list1 a:hover .con1 .name1{
    color: #1a4499;
}
#pro-detail .pro_list1 a .con1 .more1{
    border-top: 1px solid #eaeaea;
    padding-top: 13px;
    margin-top:13px;
    position: relative;
    color: #999;
}




.page1{
    padding: 15px 0;
    text-align: center;
}
.page1 a{
    display: inline-block;
    margin: 0 10px;
    padding:0 11px;
    height: 30px;
    font-size:14px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #666;
    border-radius: 3px;
    color: #464646;
    transition: all .3s;
}
.page1 a:hover,.page1 a.active{
    color: #076aad;
    border: 1px solid #076aad;
}

.pro_intro p{
    font-size: 1.6rem;
    line-height: 30px;
    margin-bottom: 2rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.pro_intro p span{
    display: block;
    font-weight: 700;
    margin-bottom: 2rem;
}
.pro_intro p a{
    
}

.pro_prev{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing:border-box;
}
.pro_prev .btm{margin:25px auto; border-top:1px solid #eaeaea; padding:35px 0 15px 0;}
 .pro_prev .btm .left{width:70%; float:left;}
 .pro_prev .btm .left div{padding:5px 0; font-size:1.5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
 .pro_prev .btm .left div a{color:#999; transition:all .2s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pro_prev .btm .left div a:hover{color:#666;}
.pro_prev .btm .right{width:30%; float:right; position:relative;}
.pro_prev .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;}
.pro_prev .btm .right .back:hover{background:#12639c;}


#hr1{
    padding: 30px 0;
}
.hr_content h1{
    font-size: 3.8rem;
    color: #464646;
    font-weight: 300;
    font-family: 'Microsoft YaHei Light', 'Microsoft YaHei';
    position: relative;
    margin: 0 0 40px;
}
.hr_content h1:after{
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    background: #464646;
    position: absolute;
    left: 0;
    bottom: -20px;
}

.hr_content .left{
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 30px;
}
.hr_content .right{
    float: right;
    width: 40%;
    overflow: hidden;
}
.hr_content .right img{
    display: block;
    transition:.35s;
}
.hr_content .right img:hover{
    transform:scale(1.1,1.1);
}

  .job{height: 40px;background: #076aad;padding: 0 5%;border-bottom: 1px solid #fff;}
  .job span{color: #fff;font-size: 14px;height: 40px;line-height: 40px;display: block;float:left;}
  #job_left{float: left;}
  #job_right{float: right;text-align:right;width:40px;}
  .joblist{display: block;width: 100%;overflow: hidden;background: #eeeeee}
  .joblist li{display: block;overflow:hidden;}
  .jobmain_up{padding: 0 5%;height: 40px;border-bottom: 1px solid #fff; cursor: pointer;}
  .jobmain_up span{float: left;display: block;height: 40px;line-height: 40px;font-size: 14px;transition:0.35s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .job span:nth-child(1){width: 19%;}
  .job span:nth-child(2){width: 15%;}
  .job span:nth-child(3){width: 26%;}
  .job span:nth-child(4){width: 32%;}
  .jobmain_up span:nth-child(1){width: 19%;}
  .jobmain_up span:nth-child(2){width: 15%;}
  .jobmain_up span:nth-child(3){width: 26%;}
  .jobmain_up span:nth-child(4){width: 32%;}
  .jobmain_up span:last-child{float: right;width: 45px;text-align: center;}
  .jobmain_up i{display: block;width: 11px;height: 11px;margin: 16px 0 0 24px;position: relative;}
  .jobmain_up span i:before{content: "";width: 100%;height: 1px;background: #076aad;position: absolute;left: 0;top: 5px;transition: 0.3s;}
  .jobmain_up span i:after{content: "";width: 1px;height: 100%;background: #076aad;position: absolute;left: 5px;top: 0;transition: 0.3s;}
  .jobmain_down{display: none;padding: 5%;overflow: hidden;border-bottom: 1px solid #fff;}
  .jobmain_down dt{font-size: 15px;font-weight: bold;margin:9px 0;line-height: 1em;}
  .jobmain_down dd{margin: 9px 0;font-size: 13px;color: #777;line-height: 20px;text-align: justify;}
  .ljsq{display: block;width: 100px;height: 35px;line-height: 35px;background: #666;color: #fff;font-size: 13px;margin: 0 auto;text-align: center;}
  .ljsq:hover{background:#076aad;color:#fff;}
  .job_on{background-color: #076aad;color: #fff;}
  .job_on span i:before{content: "";width: 100%;height: 1px;background: #fff;position: absolute;left: 0;top: 5px;transition: 0.3s;z-index: 1}


  .jobstail{width:700px; margin:0 auto; padding-bottom:50px; overflow:hidden;}  
  .jobstail h3{font:18px/35px "微软雅黑"; font-weight:bold; letter-spacing:1px;}
  .jobstail p{line-height:28px;}
.jobtc{  z-index: 60;}
.jobtc .tit{text-align: center; line-height: 2em; font-weight: bold; width: 100%;font-size: 24px;}
.jobtc_{padding: 20px;}
.jobtc_:before{content: " ";display: table;}
.jobtc_:after{content: " ";display: table;clear: both;}
.jobtc_ h3{height: 50px;line-height: 50px;border-bottom: 1px solid #d3d0cf;width: 83.3%;margin-left: 4.17%;margin-top: 40px;}
.jobtc_ h3 span{color: #e46713;font-family: "微软雅黑";font-weight: bold;font-size: 1.66667em;line-height: 50px;height: 49px;display: inline-block;border-bottom: 3px solid #e46713;}
.jobtc_ table{width: 100%;margin-top: 30px; font-size: 16px;}
.jobtc_ table tr{min-height: 32px;position:relative;}
.jobtc_ table tr img{position:absolute;top:4px;right:0}
.jobtc_ table tr td{padding-bottom: 12px;position:relative;}
.jobtc_ table tr td:nth-child(2){width: 90%;}
.jobtc_ table tr td span{font-size: 1.16667em;font-family: "微软雅黑";color: #333;margin-right: 15px;line-height: 32px;float: right;}
.regi_input,#sex{width: 100%;height: 30px;border: 1px solid #cbcbcb;font-family: "微软雅黑";color: #333;line-height: 30px; padding: 0 1%;box-sizing: border-box;-webkit-appearance: button;}
.jobtc_ table tr td textarea{width: 100%; padding: 0 1%;height: 140px;resize：none;border: 1px solid #cbcbcb;line-height:30px;font-family: "微软雅黑";box-sizing:border-box;}
.regi_t{display: inline-block;width: 78px;height: 28px;text-align: center;line-height: 28px;color: #fff; font-size: 16px;background-color:#076aad;border: none;cursor: pointer;margin-right: 5px;margin-top: 10px;-webkit-appearance: button;}
.regi_c,.regi_q{display: inline-block;width: 78px;height: 28px;text-align: center;line-height: 28px;color: #fff;font-size: 1.16667em;background-color: #9c9c9c;border: none;cursor: pointer;margin-top: 10px; font-size: 16px;}
.regi_q{background-color: #b4b7b8;}
.jobtc_bg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 59; background: #000; opacity: 0.8;filter:alpha(opacity=80); display: none;}


#contact #map{
    height: 300px;
}
#contact #map:before{
    content: none;
}

  
  .msg{width: 600px;
    margin: 40px auto 0;
    overflow: hidden;
    position: relative;}
  .msg label{width: 100px;
    text-align: right;
    line-height: 40px;
    display: block;
    float: left;
    margin: 5px 0;
    font-size: 16px;}
  .msg input{width: 470px;
    height: 40px;}
  #content{width: 470px;
    height: 80px;
    overflow-x: hidden;
    resize:none;}
  .msg_bt{text-align: center;
    width: 600px;
    margin: 10px auto;}
  .msg_bt input{width: 100px;
    height: 40px;
    margin: 10px 10px;
    background: #999;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
-webkit-appearance: button;}
  .msg_bt input:hover{background: #076aad;}
  .msg input,#content{margin: 5px 0;
    padding: 5px;
    border: 1px solid #a1a1a1;
    font-size: 16px;
    font-family: "微软雅黑";
    box-sizing:border-box;}
  .msg_yan{position: relative;
    display: block;}
  .msg_yan img{position: absolute;
    right: 30px;
    bottom: 13px;}

.honor_img img{
    display: block;
    width: 100%;
}
.honor_name{
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}
.wrap2 a{
    display: block;
    color: #666;
}
.wrap2 a:hover .honor_name{
    color: #076aad;
}

#pro_more{
    background: #999;
}
@media screen and (max-width: 1024px) {
    .about-box .left .top .img{
        height: 100px;
    }
    #bans.fix{
        background-attachment: scroll;
    }
}


@media screen and (max-width: 768px) {
    #banner{
        height: auto;
    margin-top: 70px;
    }

#am1 .con {
    font-size: 1.7rem;
    margin-top: 60px;
    line-height: 1.8;
    letter-spacing: .08rem;
    overflow-y: scroll;
    padding-right: 20px;
}

#am1 .conimg{    height: auto;}

    #pro-list .pro_list a{
   
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
    }
    #pro-list .pro_list a:nth-child(3n){
        margin-right: 3%;
    }
    #pro-list .pro_list a:nth-child(2n){
        margin-right: 0;
    }
    #pro-list .pro_list{
        padding-top:50px;
        
    }
    
    #pro-view .pro-info h1{
        font-size: 2.4rem;
        margin-top: 10px;
    }
    #pro-view .pro-info .path{
        padding-bottom: 10px;
    }
    .pro_intro p{
        margin-bottom: 10px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    }
    .pro_intro p span{
        margin-bottom: 10px;
    }
    
    #pro-detail .pro_list1{
        margin: 0 25px;
        display: none;
    }
    #pro-detail .pro_list1 a{
   
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
    }
    #pro-detail .pro_list1 a:nth-child(3n){
        margin-right: 3%;
    }
    #pro-detail .pro_list1 a:nth-child(2n){
        margin-right: 0;
    }
    #pro-detail .pro_list1{
        padding-top:25px;
        
    }
    .pro_prev{
        padding: 0 25px;
    }
    #news-view .main-box{
        margin-top: 25px;
    }
    #exhibition-view .con, #news-view .con{
        padding-top: 0;
    }
    #product .item:nth-child(even) .con{
        float: none;
    }
    #hr1 .main-box{
        padding: 0 25px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .hr_content .left{
        width: 100%;
    }
    .hr_content .right{
        width: 100%;
    }
      .job span:nth-child(1){width: 80%;}
  .job span:nth-child(2){display: none;}
  .job span:nth-child(3){display: none;}
  .job span:nth-child(4){display: none;}
  .jobmain_up span:nth-child(1){width: 80%;}
  .jobmain_up span:nth-child(2){display: none;}
  .jobmain_up span:nth-child(3){display: none;}
  .jobmain_up span:nth-child(4){display: none;}
}

@media screen and (max-width: 767px) {
#bans>img{
height: 70px;
}
    #head .logo{
           width: 80%;
    }
    #history .left .tit{
        font-size: 3rem;
    }
    .page1 a{
        margin: 0 4px;
    }
    .jobstail{
        width: 100%;
        padding-bottom: 0;
    }
    .jobtc_{
        padding: 0;
    }
    .jobtc_ table{
        margin-top: 0;
    }
    .msg label{
        display: none;
    }
    .msg{
        width: 100%;
    }
    .msg input[type="text"]{
        width: 100%;
    }
    #content{
        width: 100%;
    }
    .msg_bt{
        width: 100%;
    }
    .msg_yan img{
        right: 0;
    }
    #honor .box .wrap2{padding:0 70px;}
    .index_banner img{
        width: 100%;
        height: auto;
       
    }
}

#map  img{
    max-width:none
}