@charset "utf-8";

body,td,th,input,textarea,select{font-family:Microsoft YaHei, Arial, Tahoma; font-size:12px; color:#777177; outline:none;}
html,body{min-width:1140px;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none;}
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{text-decoration:none; color:#777177; outline:none;}
a:hover{color:#00aeba;}
.wrap{width:1080px; margin:auto;}
.wrap:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#fb2846;}
.white{color:#fff !important;}
.light{font-family:Microsoft YaHei Light;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0;}

#head{width:100%; min-width:1140px; padding:0 100px; box-sizing:border-box; height:116px; position:fixed; left:0; top:0; background:#fff; transition:all .35s; z-index:99;}
#logo{height:116px; line-height: 116px; float:left; transition:height .35s; overflow:hidden;}
#logo>a{display:block;}
#logo>a>img{height:45px; transition:all .35s;}
#lang{width:36px; height:36px; line-height: 36px;text-align: center; color: #00aeba; font-weight: bold; border: 1px solid #ddd; display:block; float:right; margin-top:46px; border-radius:100%; margin-left:15px; cursor:pointer; transition:all .35s; position:relative; z-index:2;}
#lang:hover{border-color: #00aeba;}
#search{width:36px; height:36px; background:#00aeba; border: 1px solid #00aeba; border-radius: 100%; display:block; float:right; margin-top:46px; margin-left:30px; cursor:pointer; transition:all .35s; position:relative; z-index:2;}
#search>img{padding:6px; height:24px; filter:alpha(opacity=70); opacity:.7;}
#search:hover,#search.A{background:#f08200; border-color: #f08200;}
#search-wrap{height:38px; width:0; background:#f08200; overflow: hidden; position:absolute; right:153px; top:46px; border-radius:50px; z-index:1; transition:top .35s,right .35s;}
#search-wrap>input{padding:0 10px; background:none; color:#fff; border:0px none; font-size:13px; line-height:36px; height:36px;}
#search-wrap>input::-webkit-input-placeholder{color:rgba(255,255,255,.8);}

#menu{width:752px; height:100px; padding:16px; float:right; transition:line-height .35s,height .35s;}
#menu>li{float:left; position:relative;}
#menu>li:after{position:absolute; left:0; width:100%; height:0; bottom:0; font-size:0; background:#f08200; content:''; display:block; transition:all .18s;}
#menu>li.A:after{height:3px;}
#menu>li>a{font-size:16px; color:#333; line-height:100px; text-transform: uppercase; display:inline-block; padding:0 25px; transition:line-height .35s,height .35s,color .25s;}
#menu>li.A>a{color:#00aeba;}
#menu>li>div{min-width:180px; background:#fff; position:absolute; left:0; top:100px; display:none; transition:top .35s;}
#menu>li>div>a{display:block; height:45px; line-height:44px; border-bottom:1px solid #eee; padding:0 55px 0 25px; font-size:13px; transition:all .35s; white-space:nowrap; position:relative; overflow:hidden;}
#menu>li>div>a:after{content:''; display:block; width:20px; height:20px; position:absolute; background:url(img/arrow.png?6) no-repeat center center; right:35px; top:12px; filter:alpha(opacity=0); opacity:0; transition:all .5s;}
#menu>li>div>a:last-child{border-bottom:0px none;}
#menu>li>div>a:hover{background:#f08200; color:#fff; border-bottom:1px solid #fff;}
#menu>li>div>a:hover:after{right:20px; filter:alpha(opacity=60); opacity:.6;}
#menu>li>div>a:last-child:hover{border-bottom:0px none;}

#head.small{height:80px; box-shadow:0 2px 8px rgba(0,0,0,.08);}
#head.small #logo{height:80px; line-height: 80px;}
#head.small #logo>a>img{height:36px;}
#head.small #lang{margin-top:25px;}
#head.small #search{margin-top:25px;}
#head.small #menu{height:64px;}
#head.small #menu>li>a{line-height:54px; height:64px;}
#head.small #menu>li>div{top:64px;}
#head.small #search-wrap{top:25px;}

#banner{width:100%; height:670px; position:relative; z-index:1; overflow:hidden; margin:116px 0 0 0;}
#banner>.bg,#b-sub>.bg{width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=50); opacity:.5; z-index:2; display:none;}
#b-sub{width:100%; height:350px; position:relative; z-index:1; overflow:hidden; margin:116px 0 0 0; animation:b-bg 1.6s both;}
@keyframes b-bg{
  from{filter:alpha(opacity=0); opacity:0; background-size:2400px 420px;}
  to{filter:alpha(opacity=100); opacity:1; background-size:2000px 350px;}
}
#b-sub>.border{position:absolute; left:50%; top:50%; animation:b-border .8s ease-out 0.4s both; width:600px; height:86px; margin:-50px 0 0 -300px; z-index:3;}
#b-sub>.b-sub-title{width:600px; height:86px; position:absolute; left:50%; top:50%; text-align:center; color:#fff; font-size:28px; animation:b-title .6s 1s both; z-index:3;}
#b-sub>.b-sub-title-sub{width:600px; height:86px; position:absolute; left:50%; top:50%; text-align:center; color:#fff; font-size:14px; animation:b-title-sub .6s 1.2s both; z-index:3;}
@keyframes b-border{
  from{border:5px solid rgba(255,255,255,0); width:1000px; height:143px; margin:-80px 0 0 -500px;}
  to{border:1px solid rgba(255,255,255,.3); width:600px; height:90px; margin:-52px 0 0 -300px;}
}
@keyframes b-title{
  from{filter:alpha(opacity=0); opacity:0; margin:0px 0 0 -300px;}
  to{filter:alpha(opacity=100); opacity:1; margin:-38px 0 0 -300px;}
}
@keyframes b-title-sub{
  from{filter:alpha(opacity=0); opacity:0; margin:30px 0 0 -300px;}
  to{filter:alpha(opacity=100); opacity:1; margin:3px 0 0 -300px;}
}

.mtitle{width:100%; height:60px; border-bottom:1px solid #ddd; text-align:center; font-size:32px; color:#00aeba; position:relative; z-index:1;}
.mtitle:after{position:absolute; width:160px; background:#00aeba; height:3px; left:50%; margin-left:-80px; bottom:-2px; display:block; content:'';}
.mtitle_sub{text-align:center; height:60px; line-height:60px; font-size:15px; color:#999; font-family:Microsoft YaHei Light;}
#m1{width:100%; height:700px; margin-top:70px;}
#m1>.wrap{position:relative; margin:35px auto 0 auto;}
#m1block{width:700px; position:relative; z-index:2;}
#m1block>.bg{width:100%; position:absolute; z-index:1; height:344px; left:0; top:59px; background:#eee; filter:alpha(opacity=80); opacity:.8;}
#m1block>.block{position:relative; z-index:2; padding:100px 50px 0 50px;}
#m1>.wrap p{font-size:14px; line-height:210%; margin-bottom:20px; color:#666;}
#m1block2{width:635px; height:430px; position:absolute; right:0; top:14px; z-index:1; overflow:hidden;}
#m1block2>.img{padding:15px; width:100%; height:100%; position:relative; z-index:2;}
#m1block2>.img>img{display:block;}
#m1_R{width:60px; height:60px; position:absolute; right:20px; top:180px; z-index:3;}
#m1_R>img{width:100%; height:100%; filter:alpha(opacity=80); opacity:.8; transition:all .2s;}
#m1_R:hover>img{filter:alpha(opacity=100); opacity:1;}
#m1 .more{display:block; width:130px; height:41px; text-align:center; line-height:38px; background:#ccc; color:#fff; font-size:14px; margin:30px 0 0 0; border-radius:3px; transition:all .16s;}
#m1 .more:hover{background:#00aeba;}

#m2{height:430px; background-image:url(img/m2_bg.jpg); background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; background-attachment:fixed;}
#m2>.mtitle{padding:70px 0 0 0; border-bottom:1px solid rgba(255,255,255,.13); color:#fff;}
#m2>.mtitle:after{background:#fff;}
#m2>.mtitle_sub{color:rgba(255,255,255,.66);}

#m2block{width:1080px; height:400px; overflow:hidden; position:absolute; top:250px; left:50%; margin-left:-540px;}
#m2block>ul{width:1080px;}
#m2block>ul>li{width:266.25px; height:350px; float:left;overflow: hidden; margin-right: 5px;}
#m2block>ul>li:last-child{margin-right: 0;}
#m2block>ul>li>a{display:block; width:100%; height:100%; background:url(img/cls_bg2.jpg) no-repeat center center; background-size:cover; box-sizing:border-box; position:relative;transition:all .35s;}
#m2block>ul>li.low>a{background:url(img/cls_bg1.jpg) no-repeat center center;}
#m2block>ul>li>a>.img{width:100%; height:100%; position:absolute; z-index:1;margin-left: -50%;}
#m2block>ul>li>a>.img>img{width:auto; height:100%;}
#m2block>ul>li>a>.title{ background: rgba(0,0,0,0.5);
  width:100%; height:50px; line-height:50px; padding:0 20px; text-align:center;
  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; box-sizing:border-box;
  position:absolute; bottom:0; left:0; font-size:15px; color:#fff; z-index:4;
  transition:all .2s .05s;
}
#m2block>ul>li>a:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background:#f08200; z-index:3; filter:alpha(opacity=80); opacity:.8; transition:all .35s;}
#m2block>ul>li>a>.bg{position:absolute; z-index:2; background:#000; width:100%; height:100%; filter:alpha(opacity=0); opacity:0; left:0; top:0; transition:all .45s;}
#m2block>ul>li>a:hover{box-shadow:0 5px 30px 3px rgba(8,11,111,.3);}
#m2block>ul>li>a:hover>.title{ bottom: 20px; padding:10px 20px; color:#fff; background: none;}
#m2block>ul>li>a:hover:after{height:66px;}
#m2block>ul>li>a:hover>.bg{filter:alpha(opacity=3); opacity:.3;}

#m2 .more{
  display:block; width:136px; height:43px; text-align:center; line-height:40px; background:#ccc; color:#fff; font-size:14px; border-radius:3px; transition:all .16s;
  position:absolute; left:50%; top:680px; margin-left:-68px;
}
#m2 .more:hover{background:#00aeba;}

#m3{height:790px; margin:376px 0 0 0;}
#news{margin-top:60px;}
#news>li{margin-bottom:50px;}
#news>li>a{display:block; height:220px;}
#news>li>a>.img{width:30%;background:url(img/logo_white.png) no-repeat center center; background-color:#eee; float:left; overflow:hidden;}
#news>li>a>.img>img{width:100%; height:100%; transition:all .45s;}
#news>li>a>.con{width:62%; float:right; height:160px; margin-top:35px; position:relative;}
#news>li>a>.con>.title{font-size:16px; display:block; color:#00aeba; transition:all .2s;}
#news>li>a>.con>.date{font-size:12px; display:block; color:#ccc; line-height:180%; padding:17px 0 0 0;}
#news>li>a>.con>.content{font-size:13px; display:block; color:#999; line-height:180%; padding:17px 0 0 0;}
#news>li>a>.con>.arrow{display:block; width:26px; height:26px; background:url(img/arr.png) no-repeat center right; position:absolute; left:0; bottom:0; overflow:hidden; transition:all .3s .08s;}
#news>li>a:hover>.con>.arrow{background-position:center left;}
#news>li>a:hover>.con>.title{color:#f08200;}
#news>li>a:hover>.img>img{transform: scale(1.1);}

#m3 .more{display:block; width:136px; height:43px; text-align:center; line-height:40px; background:#ccc; color:#fff; font-size:14px; border-radius:3px; transition:all .16s; margin:60px auto 0 auto;}
#m3 .more:hover{background:#f08200;}

#m4{height:466px; margin:76px 0 0 0; background-image:url(img/m4_bg.jpg); background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; background-attachment:fixed;}
#m4>.wrap{width:860px; padding:86px 0 0 0;}
#m4-l{width:100%; margin:  0 auto;}
#m4-r{width:260px; float:right;}
#m4 .wrap .title{color:#f08200; font-size:32px; text-align: center;}
#m4 .wrap .title>span{display:inline-block; padding:0 0 0 10px; font-size:18px; vertical-align:middle;}
#m4 .wrap .content{padding:30px 0; color:#fff; font-size:14px;}
#m4 .wrap .content>.row{float: left;width: 50%;}
#m4 .wrap .content .tit{color:rgba(255,255,255,.5); margin-top:20px; margin-bottom:2px;}
#m4 .wrap .content .notop{margin-top:5px !important;}
#m4 .wrap .content .big{font-size:20px;}

#copyright{height:60px; background:#fff; font-size:13px; line-height:60px; border-top:1px solid #e6e6e6; margin-top:80px;}
#copyright .left{width:600px; float:left;}
#copyright .right{width:460px; float:right; text-align:right; color:#999;}
#copyright .right a{color:#999;}
#copyright .right a:hover{color:#132a8e; text-decoration:underline;}

#foot{height:160px; background:url(img/foot_bg.jpg) no-repeat center center; background-size:cover; text-align:center;}
#foot>div{display:inline-block; padding:43px 60px 0 60px; position:relative; z-index:2;}
#foot>div>.img{display:inline-block; width:66px; height:66px; vertical-align:middle;}
#foot>div>.img>img{width:100%; filter:alpha(opacity=60); opacity:.6; transition:all .3s;}
#foot>div>.text{display:inline-block; vertical-align:middle; font-size:14px; color:rgba(255,255,255,.8); padding:0 0 0 10px; transition:all .3s;}
#foot>div:hover>.img>img{filter:alpha(opacity=100); opacity:1;}
#foot>div:hover>.text{color:#fff;}
#foot>div>.qr{width:200px; height:200px; line-height:200px; position:absolute; z-index:2; background:#fff; text-align:center; top:-180px; left:38px; box-shadow:5px 5px 20px rgba(0,0,0,.12); border-radius:10px; display:none;}

#part{height:70px; border-bottom:1px solid #e6e6e6;}
#part-menu{height:70px; line-height:70px; font-size:15px;}
#part-menu>a{display:inline-block; height:100%; padding:0 20px; position:relative;}
#part-menu>a:after{height:3px; background:#f08200; position:absolute; left:0; bottom:-3px; width:100%; display:block; content:''; transition:all .16s; filter:alpha(opacity=0); opacity:0;}
#part-menu>a:hover{ color: #f08200;}
#part-menu>a:hover:after{bottom:-1px; filter:alpha(opacity=100); opacity:1;}
#part-menu>a.A{color:#f08200;}
#part-menu>a.A:after{bottom:-1px; filter:alpha(opacity=100); opacity:1;}

#main{margin:50px auto 0 auto !important;}
.content{font-size:13px;}
.lineh180{line-height:180%;}
.lineh220{line-height:220%;}
.content p{margin:0 0 20px 0;}
.column2{-webkit-column-count:2; column-count:2; -webkit-column-gap:63px; column-gap:63px;}
.column3{-webkit-column-count:3; column-count:3; -webkit-column-gap:63px; column-gap:63px;}

#companyname>img{display:block; margin-bottom:10px;}
#companyname>p{font-size:30px; color:#dadada; font-weight:bold;}

#ab-wrap{height:230px; overflow:hidden; margin:35px 0 0 0; position:relative;}
#aboutmove{height:100%; position:relative; z-index:1;}
#aboutmove>div{height:230px;}
#aboutmove>div>a{display:block; width:360px; height:230px; float:left; position:relative;}
#aboutmove>div>a>img{width:100%; height:100%; display:block;}
#aboutmove>div>a:after{display:block; content:''; width:100%; height:100%; position:absolute; z-index:1; left:0; bottom:-230px; background:rgba(23,27,144,.8); transition:all .45s;}
#aboutmove>div>a>span{
  display:block; width:120px; height:50px; line-height:50px; text-align:center; font-size:15px; position:absolute; z-index:2; transition:all .55s;
  left:50%; top:0; color:rgba(255,255,255,.8); margin:-28px 0 0 -60px; border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3);
  filter:alpha(opacity=0); opacity:0;
}
#aboutmove>div>a:hover:after{bottom:0;}
#aboutmove>div>a:hover>span{top:50%; filter:alpha(opacity=100); opacity:1;}
#ab-wrap .prev{display:block; width:40px; height:70px; background:rgba(0,0,0,.76); position:absolute; left:0; top:80px; z-index:2; transition:all .2s;}
#ab-wrap .next{display:block; width:40px; height:70px; background:rgba(0,0,0,.76); position:absolute; right:0; top:80px; z-index:2; transition:all .2s;}
#ab-wrap .prev:hover,#ab-wrap .next:hover{background:rgba(23,27,144,.8);}

#culture{background:#132a8e; height:200px;}
#culture>li{width:25%; float:left; height:100%; padding:20px; box-sizing:border-box; border-left:1px solid rgba(255,255,255,.12);}
#culture>li:first-child{border-left:1px solid #132a8e;}
#culture>li>div{width:100%; height:100%;}
#culture>li>div>.tit{text-align:center; color:#fff; font-size:15px; font-family:Microsoft YaHei Light; height:50px; line-height:50px; transition:all .3s;}
#culture>li>div>.img{text-align:center; height:70px; line-height:70px;}
#culture>li>div>.img>img{height:70px; filter:alpha(opacity=30); opacity:.3; transition:all .3s;}
#culture>li>div>.con{text-align:center; color:#fff; filter:alpha(opacity=50); opacity:.5;}
#culture>li>div:hover>.img>img{filter:alpha(opacity=100); opacity:1;}
#culture>li>div:hover>.tit{color:#fb2846;}

.mtit{font-size:36px; color:#00aeba;}
.mtit-sub{color:#999; font-size:13px; padding:10px 0 0 0;}
.mtit-sub2{font-size:30px; color:#dadada; font-weight:bold; margin-bottom:20px;}

.honor{margin-top:50px;}
.honor:after{display:block; content:''; clear:both; float:none; height:0;}
.honor>.img{width:360px; height:250px; overflow:hidden; position:relative; float:left;}
.honor>.img>img{width:100%; height:100%; position:absolute; left:0; top:0; transition:all .45s;}
.honor:hover>.img>img{width:400px; height:280px; left:-20px; top:-15px;}
.honor>.right{width:720px; height:250px; float:right; border:1px solid #eee; border-left:0px none; padding:30px 30px 30px 50px; box-sizing:border-box; transition:all .5s;}
.honor:hover>.right{background:#eee;}
.honor>.right>.tit{font-size:26px; color:#132a8e; transition:all .35s;}
.honor:hover>.right>.tit{color:#fb2846;}
.honor>.right>ul{margin-top:15px;}
.honor>.right>ul>li{width:33%; float:left; padding:0 25px 0 0; box-sizing:border-box;}
.honor>.right>ul>li>a{font-size:13px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:6px 0 5px 0;}
.honorR>.img{float:right;}
.honorR>.right{float:left; border-right:0px none; border-left:1px solid #eee;}

.pager{text-align:center; margin:40px 0 0 0;}
.pager>a{display:block; width:136px; height:43px; text-align:center; line-height:42px; border:1px solid #e6e6e6; box-shadow:5px 5px 10px rgba(0,0,0,.06); font-size:13px; border-radius:3px; transition:all .16s; margin:auto;}
.pager>a:hover{border:1px solid #ccc;}
.pager #loading{display:none;}
.pager .ico{display:block; width:50px; height:50px; background-color:#67CF22; margin:auto; -webkit-animation:rotateplane 1.2s infinite ease-in-out;}
@keyframes rotateplane{
  0%{transform:perspective(80px);} 
  50%{transform:perspective(80px) rotateY(180deg);}
  100%{transform:perspective(80px) rotateY(180deg) rotateX(180deg);}
}
.pager .txt{font-size:14px; color:#999; font-family:Microsoft YaHei Light; display:block; padding:16px 0 0 0;}

.news-info{background:#edf1f7; padding:16px 20px; margin:30px 0; position:relative; font-size:13px;}
.news-info>div{float:right; text-align:right; margin-top:-8px;}

#prevnext{margin:60px auto 50px auto; position:relative; font-size:13px;}
#prevnext .prev{margin:7px 0;}
#prevnext .next{margin:7px 0;}
#prevnext .prev>a,#prevnext .next>a{color:#00aeba;}
#prevnext .prev>a:hover,#prevnext .next>a:hover{color:#f08200;}
#prevnext>a{display:block; width:88px; height:35px; background:#fff; line-height:34px; text-align:center; border:1px solid #e6e6e6; border-radius:3px; position:absolute; right:0; top:8px;}
#prevnext>a:hover{border:1px solid #ccc;}

#support{margin:60px 0 0 0;}
#support .tit{background:#132a8e; display:inline-block; padding:10px 30px; color:#fff; font-size:15px; font-family:Microsoft YaHei Light;}

#down>li{border-bottom:1px solid #e6e6e6;}
#down>li>a{display:block; padding:40px 0; position:relative;}
#down>li>a>.tit{width:800px; font-size:16px; color:#132a8e; transition:all .25s;}
#down>li>a>.tit>span{display:inline-block; padding:0 0 0 10px; font-size:12px; color:#999;}
#down>li>a>.con{width:800px; font-size:13px; line-height:180%; padding:10px 0 0 0; color:#777177;}
#down>li>a>.img{width:230px; height:120px; position:absolute; right:0; top:20px; overflow:hidden;}
#down>li>a>.img>img{width:100%; height:100%; transition:all .45s;}
#down>li>a:hover>.img>img{width:265px; height:140px; margin:-10px;}
#down>li>a:hover>.tit{color:#ec0000;}

#files{border:1px solid #eee; padding:20px 25px 22px 25px;}
#files>p{color:#333;}

.pro-cls{margin-top:50px;}
.pro-cls:after{display:block; content:''; clear:both; float:none; height:0;}
.pro-cls>.img{ width: 40%; overflow:hidden; position:relative; float:left; background:url(img/pro-cls.jpg) no-repeat center center; background-size:cover;}
.pro-cls>.img>a{display:block; width:100%; height:100%;}
.pro-cls>.img>a>img{ height: 100%; width: auto; transition:all .45s;}
.pro-cls:hover>.img>a>img{right:30px;}
.pro-cls>.right{width:60%; height:330px; float:right; border:1px solid #eee; border-left:0px none; padding:30px 30px 30px 50px; box-sizing:border-box; transition:all .5s;}
.pro-cls:hover>.right{background:#eee;}
.pro-cls>.right>.tit{font-size:26px; color:#333; transition:all .35s;}
.pro-cls:hover>.right>.tit{color:#00aeba;}
.pro-cls>.right>ul{margin-top:30px;}
.pro-cls>.right>ul>li{width:50%; float:left; padding:0 25px 0 0; box-sizing:border-box;}
.pro-cls>.right>ul>li>a{ position: relative; font-size:16px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 15px;}
.pro-cls>.right>ul>li>a:after{position: absolute;z-index: 12; left: 0;top: 50%; width: 6px;height: 6px; background: #00aeba; border-radius: 100%;transform: translateY(-50%); content: '';transition: all .35s;}
.pro-clsR>.img{float:right;}
.pro-clsR>.right{float:left; border-right:0px none; border-left:1px solid #eee;}

#pro{margin:50px auto auto auto; width:1120px;}
#pro>li{ float:left;  width: 31.33%; margin-right: 3%; margin-bottom:40px;}
#pro>li:nth-child(3n){margin-right: 0;}
#pro>li>a{display:block; box-sizing:border-box; border:1px solid #e6e6e6; transition:all .45s;}
#pro>li>a>.img{margin:0 auto; background:#eee; position:relative; overflow:hidden;}
#pro>li>a>.img:after{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%; background: url("img/icon-view.png") no-repeat; background-position: 50% -20%;opacity: 0; content: '';transition: all .35s;}
#pro>li>a>.img:before{position: absolute;z-index: 4;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.5); opacity: 0; content: '';transition: all .35s;}
#pro>li>a>.img>img{width:100%; height:auto; left:0; top:0; transition:all .45s;}
#pro>li>a>.tit{ display: block; font-size:16px; padding:0 10px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align:center; height:60px; line-height:60px;transition: all .35s;}
#pro>li>a:hover{box-shadow:5px 5px 12px rgba(0,0,0,.05); border:1px solid #ddd;}
#pro>li>a:hover>.img>img{transform: scale(1.1);}
#pro>li>a:hover>.tit{background: #00aeba; color: #fff;}
#pro>li>a:hover>.img:after{opacity: 1; background-position: 50% 50%;}
#pro>li>a:hover>.img:before{opacity: 1;}

#proconL{margin:50px auto;  overflow:hidden;}
#proconL .swiper-container{width:100%; height:100%;}
#proconL .swiper-container img{width:100%; height:auto;}
#proconL .swiper-pagination{font-size:14px; padding-bottom:8px; color:#fff;}
#proconL .swiper-button-next,#proconL .swiper-button-prev{opacity:.6;}

#pro_tags{margin-top:36px;}
#pro_tags .tags_title{ background: #fff;padding: 20px 15px; font-size: 20px; color: #00aeba; position: relative; }
#pro_tags .tags_title:after{position: absolute;z-index: 10; left: 0; top: 50%; width: 4px;height: 20px; background: #00aeba; border-radius: 5px; content: '';transform: translateY(-50%);}
#pro_tags .tags_content{margin-top:0 !important; padding:20px!important; background:#fff;  font-size: 14px!important; line-height: 28px!important; }
#pro_tags table{border-left:1px solid #ccc; border-top:1px solid #ccc;}
#pro_tags table td,#pro_tags table th{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
#pro_tags table th{background:#E1F1F9;}
#pro_tags table{border:0px none; margin:auto; border-left:1px solid #ccc !important; border-top:1px solid #ccc !important;}
#pro_tags table td{border:0px none !important; border-right:1px solid #ccc !important; border-bottom:1px solid #ccc !important; padding:6px !important; font-family:'微软雅黑' !important; font-size:13px !important;}
#pro_tags table tr{transition:all 0.3s;}
#pro_tags table tr:hover{background:#eee;}

.contact{font-size:14px;}
.contact h1{color:#333; margin-bottom:20px;}
.contact p{margin-top:9px;}

#map{position:relative; margin-top:50px;}
#map div{width:100%; height:30px; background:#fff; position:absolute; left:0; bottom:0;}

.tags_content img{margin:auto; display:block;}


#about{ margin: 0 auto; padding: 50px 0;}
#about>.img{width: 45%;text-align: left;}
#about>.img img{width: 100%;height: auto;}
#about>.content{ width: 50%;text-align: left; font-size: 14px; line-height: 20px; color: #666;}
#about>.content p{margin-top:9px;}


#honor{margin: 0 auto; padding: 50px 0;}
#honor>li{width:33.33%; height:320px; border:1px solid #ddd; margin:0 0 -1px -1px; float:left; transition:all .3s; box-sizing:border-box;background-color: #fff;}
#honor>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
#honor>li>a>.img{width:auto; height:240px; margin:auto; margin-top: 20px; text-align:center; overflow:hidden;}
#honor>li>a>.img>img{max-width:90%;max-height:100%;}
#honor>li>a>.tit{height:50px; padding:0 10px; line-height:48px; text-align:center; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
#honor a:after{ position:absolute; z-index:9; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0) url("../img/icon-zoom.png") no-repeat; background-position:50% -50%; content:''; transition:all .35s;}
#honor a:hover:after{background:rgba(0,0,0,.7) url("../img/icon-zoom.png") no-repeat;background-position:50% 50%;}




#rd{margin: 0 auto;}
#rd>.describe{ padding: 30px 0; text-align: left; font-size: 14px; line-height: 24px; color: #666;}
#rd>.keynote{ padding: 30px 0; text-align: left;}
#rd>.keynote>.row{display: block; float: left; margin-right: 10%;}
#rd>.keynote>.row>h3{display: block; font-size: 24px; color: #00aeba;}
#rd>.keynote>.row>p{font-size: 15px; color: #666; line-height: 24px;}
#rd>.os{ position: relative; margin: 30px auto; background: #eee;overflow: hidden;border-radius: 50px 0 50px 0;}
#rd>.os>.img{ position: absolute;z-index: 10;left: 0;top: 0; width: 43%; height: 100%;background: #00aeba; text-align: left;}
#rd>.os>.img img{ position: relative; top: 50%; transform: translateY(-50%); width: 100%;height: auto;}
#rd>.os>.box{text-align: left;width: 57%; padding: 50px; box-sizing: border-box;}
#rd>.os>.box>.row{margin-bottom: 20px;}
#rd>.os>.box>.row>h3{font-size: 20px;color: #333;}
#rd>.os>.box>.row>p{font-size: 15px; color: #666; line-height: 24px;}
#rd>.honor{margin: 0 auto; padding: 50px 0;}
#rd>.honor>.title{font-size: 20px; color: #00aeba; border-bottom: 1px solid #ddd;padding: 20px 0;}
#rd>.honor>.list{margin: 0 auto; padding: 50px 0;}
#rd>.honor>.list>ul>li{width:31.33%; height:320px; box-sizing: border-box; border:1px solid #ddd; margin-right: 3%; float:left; transition:all .3s;background-color: #fff;}
#rd>.honor>.list>ul>li:nth-child(3n){margin-right: 0;}
#rd>.honor>.list>ul>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
#rd>.honor>.list>ul>li>a>.img{width:auto; height:240px; margin:auto; margin-top: 20px; text-align:center; overflow:hidden;}
#rd>.honor>.list>ul>li>a>.img>img{max-width:90%;max-height:100%;}
#rd>.honor>.list>ul>li>a>.tit{height:50px; padding:0 10px; line-height:48px; text-align:center; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}





#feedback{padding: 30px 0 80px 0;margin:0 auto;background: url("../img/feedback_bg.jpg") no-repeat; background-size: cover; background-position: left bottom; box-sizing: border-box;}
#feedback>.title{text-align: center;padding: 50px 0;}
#feedback>.title>h3{position: relative; padding: 20px 0; font-size: 3rem; font-weight: normal; color: #333; }
#feedback>.title>h3:after{position: absolute;z-index: 4;left: 50%; bottom: 0; margin-left: -20px; width: 40px;height: 2px; background: #00aeba;content: '';}
#feedback>.container{width:100%; margin: 0 auto;}
#feedback>.container .item{  display:block; width: 100%; height:40px; border:1px solid #ccc; background-color: #fff; overflow: hidden; margin-bottom:20px; transition:all ease-in .2s; }
#feedback>.container .for1{display: flex;justify-content: space-between;}
#feedback>.container .for1 .item{width: 32%;}
#feedback>.container .item input[type="text"],#feedback>.container .item textarea{ width:100%; height:100%; padding:15px; font-family: '微软雅黑'; border:none; background-color:inherit; box-sizing:border-box;}
#feedback>.container .textarea{height:200px !important;}
#feedback>.container .item #checksn{width:70%;}
#feedback>.container .item #checkimg{ float:right; height:auto; margin-right:15px;margin-top:8px;}
#feedback>.container input::-webkit-input-placeholder,#feedback>.container textarea::-webkit-input-placeholder { color:#999;}
#feedback>.container .item input[type="text"]:focus, #feedback>.container .item textarea:focus{background-color:#fff;border-color:#009999;}
#feedback>.container .btn{height:50px;line-height:50px;margin-top:25px; text-align: right;}
#feedback>.container .btn button{ display: inline-block; box-sizing: border-box; vertical-align: top; margin-left: 10px; background: #666; padding: 10px 60px;font-size: 14px; color: #fff; text-align: center; border: 0; cursor: pointer;}
#feedback>.container .btn button.sub{background-color: #00aeba;}



#solution{margin: 0 auto; padding: 50px 0;}
#solution>li{width:46%;  margin-bottom: 50px; float:left; transition:all .3s; box-sizing:border-box;background-color: #fff;}
#solution>li:nth-child(even){float: right;}
#solution>li>a{display:block; width:100%; overflow:hidden; position:relative;}
#solution>li>a>.img{text-align:center; overflow:hidden;}
#solution>li>a>.img>img{width:100%;height:auto;}
#solution>li>a>.tit{height:70px; border-bottom: 1px solid #ddd; padding:0 10px; line-height:70px; text-align:center; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
#solution>li>a:hover .tit{border-color: #00aeba;}






@media (max-width:1400px){
  #head{padding:0 60px;}
  #search-wrap{right:60px;}
}
@media (max-width:1200px){
  #head{padding:0 30px;}
  #search-wrap{right:30px;}
}