@charset "utf-8";

@import "font.css";
body,td,th,input,textarea,select{font-family:Microsoft YaHei, Arial, Tahoma; font-size:12px; color:#777177; outline:none;}
html,body{min-width:1160px;}
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:#ec0000;}
.wrap{width:1160px; 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';}
.clear{display:block; margin:0; padding:0; clear:both; float:none; min-height:30px;}
.red{color:#ec0000;}
h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0;}

#head{height:146px; z-index:999; position:fixed; width:100%; top:0; background:#fff; overflow:hidden; transition:all .35s;}

#top{padding:20px 0 0 0; transition:all .3s;}
#logo{width:500px; float:left;}
#logo .logo{height:60px; margin-right:6px; transition:all .3s;}
#logo .company{transition:all .25s;}

#menuwrap{margin-top:14px;}
#menu{width:850px; float:left;}
#menu>li{float:left; z-index:9; position:relative;}
#menu>li>a{display:block; font-size:15px; color:#464646; height:52px; line-height:52px; padding:0 30px; position:relative; overflow:hidden; background:#fff; z-index:2;}
#menu>li>a:after{content:''; display:block; width:0; height:3px; background:#fff; position:absolute; left:0; bottom:0; transition:all .25s;}
#menu>li.A>a{color:#ec0000;}
#menu>li.A>a:after{width:100%; background:#ec0000;}
#menu>li>div{position:absolute; width:160px; padding-top:52px; top:0; background:#fff; display:none; z-index:1;}
#menu>li>div.pro{width:210px;}
#menu>li>div>a{display:block; height:40px; line-height:39px; font-size:13px; border-bottom:1px solid #eee; padding-left:30px; transition:all .25s; position:relative; overflow:hidden;}
#menu>li>div>a:hover{background:#eee;}
#menu>li>div>a:after{content:''; display:block; width:15px; height:15px; background:url(img/arr.png?v=3) no-repeat center center; position:absolute; right:-15px; top:13px; transform:rotateY(-180deg); filter:alpha(opacity=0); opacity:0; transition:all .35s;}
#menu>li>div>a:hover:after{transform:rotateY(0deg); filter:alpha(opacity=100); opacity:1; right:15px;}

#menuwrap>#tel{width:240px; height:48px; line-height:48px; margin-top:4px; background:#1343a1; float:right; color:#fff; text-align:center; font-size:13px;}
#menuwrap>#tel>img{height:20px; margin:-2px 8px 0 0;}

#modile{width:240px; float:right; text-align:center; padding:12px 0 0 0;}
#modile>a{display:inline-block; border-radius:100px; width:35px; height:35px; line-height:32px; text-align:center; margin:0 7px; background:#ccc; transition:all .3s;}
#modile>a>img{height:21px; transition:all .15s;}
#modile>a:hover>img{height:26px;}
#wechat:hover{box-shadow:inset 0 0 0 20px #00ce05;}
#mp:hover{box-shadow:inset 0 0 0 30px #72e1ba;}
#qq:hover{box-shadow:inset 0 0 0 30px #4a8cf7;}

#head.small{height:86px;}
#head.small #top{padding:12px 0 0 0;}
#head.shadow{box-shadow:0 2px 12px 3px rgba(0,0,0,.1);}
#head.small #modile>a{width:33px; height:33px; line-height:30px; background:#1343a1;}

#banner{width:100%; height:660px; position:relative; z-index:1; overflow:hidden; margin:146px 0 0 0;}

#black{width:100%; height:100%; position:fixed; z-index:998; left:0; top:0; background:#000; filter:alpha(opacity=56); opacity:.56; display:none;}

#m1{height:120px; font-size:13px; border-bottom:1px solid #e6e6e6;}
#m1-l{width:700px; float:left; line-height:120px;}
#m1-r{width:360px; float:right; padding:38px 0 0 0; position:relative; text-align:right;}
#m1-r>img{position:absolute; right:9px; top:48px; cursor:pointer;}
#k{width:300px; border:1px solid #e6e6e6; padding:10px; font-size:13px; transition:all .25s;}
#k:focus{width:330px; background:#e6e6e6;}

.m-tit{font-family:'Eshion_elegant_En'; font-size:31px; text-align:center; padding:50px 0 0 0; position:relative; color:#464646;}
.m-tit:before{display:block; content:''; width:136px; height:3px; background:#ec0000; position:absolute; left:50%; top:-2px; margin-left:-68px;}
.m-tit-cn{font-family:Microsoft YaHei Light; font-size:18px; text-align:center; color:#999; padding:10px 0;}

#m2{height:850px;}
#m2-wrap{height:260px; background:#f5f5f7; margin:90px 0 0 0; position:relative;}
#m2-move{width:980px; height:320px; position:absolute; z-index:1; left:50%; top:-30px; margin-left:-490px; overflow:hidden;}
#m2-wrap img{position:absolute; margin:0 10px;}
#m2-text{width:960px; margin:90px auto 0 auto; font-size:13px; line-height:220%; text-align:center;}
#m2-text span{font-family:Microsoft YaHei Light; font-size:22px; display:inline-block; padding:0 2px; color:#1343a1;}
#m2 .more{margin-top:60px;}

.more{width:60px; height:60px; background:url(img/more-arr.png?v=6) no-repeat center 18px; display:block; margin:0 auto; border:1px solid #e6e6e6; border-radius:100px; transition:all .25s;}
.more:hover{background-position:center -28px; background-color:#1343a1; border:1px solid #1343a1;}

#m2-control{position:relative;}
#m2-r{width:60px; height:60px; background:url(img/m2-r.png) no-repeat right center; overflow:hidden; position:absolute; right:0; top:-160px; transition:all .3s;}
#m2-r:hover{background-position:left center;}
#m2-l{width:60px; height:60px; background:url(img/m2-l.png) no-repeat left center; overflow:hidden; position:absolute; left:0; top:-160px; transition:all .3s;}
#m2-l:hover{background-position:right center;}

#m3{height:680px; padding:70px 0 0 0; background:url(img/m3.jpg?v=7) no-repeat center center; background-size:cover; background-attachment:fixed; position:relative;}
#m3 .m-tit{color:#fff;}
#m3 .m-tit-cn{color:rgba(255,255,255,.5);}
#m3-wrap{overflow:hidden; width:1212px; height:450px; box-sizing:border-box;}
#m3-wrap>div{width:1212px; padding-top:50px; margin-left:26px;}
#m3-wrap>div>a{display:block; width:251px; height:350px; margin-right:52px; float:left; border-radius:0 0 4px 4px; perspective:500px; transform-style:preserve-3d; position:relative;}
#m3-wrap>div>a:hover{color:#fff;/*Edge使用，否则鼠标移入时会先变成最顶部设置的a:hover颜色，再变为下面设置的文本颜色*/}
#m3-wrap>div>a>.pos{width:100%; height:100%; background:url(img/cls_bg.png) no-repeat center center; background-color:#fff; transform-style:preserve-3d; backface-visibility:hidden; transition:all .5s; position:absolute; left:0; top:0;}
#m3-wrap>div>a>.pos>.img{display:block; width:251px; height:300px;}
#m3-wrap>div>a>.pos>.tit{display:block; text-align:center; padding:1px 10px; font-size:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#464646; font-family:Microsoft YaHei Light;}
#m3-wrap>div>a>.neg{width:100%; height:100%; background:url(img/m3_bg.jpg) no-repeat center center; backface-visibility:hidden; transform:rotateY(180deg); transition:all .5s; position:absolute; left:0; top:0;}
#m3-wrap>div>a>.neg>.img{display:block; width:251px; height:220px; background:url(img/tool.png) no-repeat center 70px; border-bottom:1px dashed rgba(255,255,255,.36);}
#m3-wrap>div>a>.neg>.tit{display:block; text-align:center; padding:20px 10px; color:#ffffff; font-size:16px; font-family:Microsoft YaHei Light; position:relative;}
#m3-wrap>div>a:hover>.pos{transform:rotateY(-180deg);}
#m3-wrap>div>a:hover>.neg{transform:rotateY(0deg);}
#m3-wrap-pager{text-align:center;}
#m3-wrap-pager a{width:13px;	height:13px; display:inline-block; background:#fff;	border-radius:100%;	margin:0 7px; font-size:0; transition:all ease 0.35s; position:relative; z-index:2;}
#m3-wrap-pager a:hover{filter:alpha(opacity=80); opacity:.8;}
#m3-wrap-pager a.activeSlide{background:#ec0000;}
#m3-wrap-lr{position:absolute; z-index:1; width:1360px; height:40px; left:50%; bottom:58px; margin-left:-680px;}
#m3-r{width:60px; height:60px; background:url(img/m3-r.png) no-repeat right center; overflow:hidden; position:absolute; right:0; top:-260px; transition:all .3s;}
#m3-r:hover{background-position:left center;}
#m3-l{width:60px; height:60px; background:url(img/m3-l.png) no-repeat left center; overflow:hidden; position:absolute; left:0; top:-260px; transition:all .3s;}
#m3-l:hover{background-position:right center;}

#m4{margin-top:70px; height:830px;}
#m4-wrap{margin-top:56px; height:500px;}
#m4-wrap>a{width:554px; padding-bottom:30px; float:left; border-bottom:1px solid #e6e6e6; position:relative;}
#m4-wrap>a:after{content:''; display:block; position:absolute; width:0; height:2px; background:#ec0000; left:0; bottom:-1px; transition:all .4s ease-out;}
#m4-wrap>a:first-child{margin-right:52px;}
#m4-wrap>a>.tit{font-size:17px; color:#1343a1; padding:0 0 20px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-family:Microsoft YaHei Light; transition:all .25s;}
#m4-wrap>a>.img{width:100%; height:270px; background:#eee; position:relative; overflow:hidden;}
#m4-wrap>a>.img>img{width:554px; height:360px; position:absolute; left:0; top:-55px; transition:all .45s;}
#m4-wrap>a>.txt{font-size:13px; line-height:180%; color:#999; padding:15px 0 0 0;}
#m4-wrap>a>.date{background:url(img/clock.png) no-repeat left center; padding-left:22px; font-size:13px; margin-top:16px; color:#bbb;}
#m4-wrap>a>.img:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:#000; z-index:1; filter:alpha(opacity=0); opacity:0; transition:all .4s;}
#m4-wrap>a>.img:before{content:''; display:block; position:absolute; width:80px; height:80px; left:50%; top:50%; margin:100px 0 0 -40px; filter:alpha(opacity=0); opacity:0; background:url(img/zoom.png) no-repeat; z-index:2; transform:rotateX(180deg); transition:all .35s;}
#m4-wrap>a:hover:after{width:100%;}
#m4-wrap>a:hover>.tit{color:#ec0000;}
#m4-wrap>a:hover>.img:after{filter:alpha(opacity=66); opacity:.66;}
#m4-wrap>a:hover>.img:before{transform:perspective(40px) rotateX(0deg); filter:alpha(opacity=100); opacity:1; margin-top:-40px;}
#m4-wrap>a:hover>.img>img{top:-20px;}

#m5{height:660px; background:url(img/m5.jpg) no-repeat center center; position:relative;}
#m5-wrap{width:800px; height:330px; position:absolute; left:50%; top:50%; margin:-165px 0 0 -400px; perspective:800px; transform-style:preserve-3d;}
#m5-wrap>.pos{width:100%; height:100%; background:url(img/m5_bg_red.jpg) no-repeat center center; backface-visibility:hidden; transition:all .8s; box-shadow:0 0 36px 10px rgba(0,0,0,.6); position:absolute; left:0; top:0; transform-style:preserve-3d;}
#m5-wrap>.pos>.l1{font-size:21px; color:#fff; text-align:center; padding:60px 0 0 0;}
#m5-wrap>.pos>.l2{font-size:82px; color:#fff; text-align:center; padding:10px 0 0 0; font-family:Impact, Arial; text-shadow:0 10px 20px rgba(0,0,0,.2); transition:all .8s;}
#m5-wrap>.pos>.l2>span{font-size:18px; font-family:Microsoft YaHei Light;}
#m5-wrap>.pos>.l3{width:536px; margin:auto; text-align:center; color:#fff; font-size:15px; padding:10px 0 0 0; line-height:150%;}
#m5-wrap:hover>.pos{transform:rotateX(180deg);}
#m5-wrap>.neg{width:100%; height:100%; background:url(img/m5_bg.jpg) no-repeat center center; backface-visibility:hidden; transition:all .8s; box-shadow:0 0 36px 10px rgba(0,0,0,.6); transform:rotateX(-180deg); position:absolute; left:0; top:0; transform-style:preserve-3d;}
#m5-wrap:hover>.neg{transform:rotateX(0deg);}
#m5-wrap>.neg>.l1{top:0px; text-align:center; transition:all .45s; position:absolute; width:100%; filter:alpha(opacity=0); opacity:0;}
#m5-wrap>.neg>.l2{font-size:13px; color:#fff; padding:20px 80px; line-height:170%; transition:all .45s; position:absolute; width:100%; text-align:center; top:230px; left:0; box-sizing:border-box; filter:alpha(opacity=0); opacity:0;}
#m5-wrap:hover>.neg>.l1{top:50px; filter:alpha(opacity=100); opacity:1; transition:all .6s .3s;}
#m5-wrap:hover>.neg>.l2{top:180px; filter:alpha(opacity=100); opacity:1; transition:all .6s .3s;}
#m5-wrap:hover>.pos>.l2{transform:translateZ(46px) scale(2,2); filter:alpha(opacity=0); opacity:0;}

#contact{height:auto; background:url(img/contact_bg.jpg) no-repeat center center; background-size:cover; border-top:1px solid rgba(255,255,255,.16);}
#contact>.wrap{padding:50px 0; position:relative; font-size:13px; color:#fff;}
#contact .tit{font-size:31px; font-family:'Eshion_elegant_En'; color:#fff;}
#contact .tit-sub{position:relative; padding-top:10px; padding-bottom:10px; font-size:18px; font-family:Microsoft YaHei Light; padding-left:1px; color:rgba(255,255,255,.5);}
#contact .tit-sub:after{display:block; content:''; width:90px; height:3px; background:#ec0000; position:absolute; left:1px; bottom:0;}
#contact>.wrap>.info-title{margin-top: 20px;}
#contact>.wrap>.info-title>h3{ display: inline-block; background: rgba(0,0,0,.2); border-radius: 5px; padding: 4px 8px;}
#contact>.wrap>.info{margin-top:0; width:900px;display: flex; justify-content: center; align-items: center;}
#contact>.wrap>.info>div{ display: inline-block; width:50%;  margin-bottom:0;}
#contact>.wrap>.info>div>p{padding:9px 0 0 0; color:rgba(255,255,255,.8);}
#contact>.wrap>.info>div>p>img{vertical-align:middle; margin:-2px 10px 0 1px;}
#contact>.wrap>p.qr{width:166px; position:absolute; right:0; bottom:60px; text-align:center; color:rgba(255,255,255,.6);}
#contact>.wrap>p.qr>img{display:block; margin-bottom:12px;}


.contact{ display: flex; justify-content: space-between; width: 1100px;margin: 0 auto;padding: 50px 0;}
.contact .img{width: 42%;}
.contact .img>img{width: 100%;height: auto;}
.contact .text{ width: 50%;}
.contact .text>p{margin-bottom: 5px;}
.contact .text>h3{color: #333; font-size: 20px;}

#foot>.wrap{padding:50px 0 0 0;}
#f-l{width:930px; float:left;}
#foot>.wrap:after{content:''; display:block; height:60px; visibility:hidden; clear:both;}
#f-l ul{width:150px; float:left;}
#f-l ul.pro{width:170px;}
#f-l ul li{padding:2px 0;}
#f-l ul li:first-child{padding:2px 0 12px 0;}
#f-l ul li a{display:block; padding:1px 0; font-size:13px; transition:all .2s;}
#f-l ul li:first-child a{font-size:17px; font-family:Microsoft YaHei Light; color:#1343a1;}
#f-l ul li a:hover{color:#ec0000;}
#f-r{width:162px; float:right; text-align:center; padding:2px 0 0 0;}
#f-r a{display:inline-block; border-radius:100px; width:60px; height:60px; line-height:58px; text-align:center; margin:0 9px; background:#ccc; transition:all .25s;}
#f-r a>img{height:36px; transition:all .17s;}
#f-r a:hover>img{height:48px;}

.clearbox{clear: both; width:100%;}


#btm{height:80px; border-top:1px solid #e6e6e6; line-height:80px; color:#999;}
#btm-l{width:750px; float:left;}
#btm-r{width:350px; float:right; text-align:right;}
#btm a{color:#1343a1;}
#btm a:hover{text-decoration:underline;}

#b-sub{width:100%; height:350px; position:relative; z-index:1; overflow:hidden; margin:146px 0 0 0;}
#b-sub>.img{width:100%; height:100%; background-position:center center; background-repeat:no-repeat; filter:alpha(opacity=0); opacity:0;}
#b-sub>.bg{position:absolute; z-index:2;}
#b-sub>.txt{width:600px; text-align:center; height:40px; font-size:29px; color:#fff; position:absolute; z-index:3; left:50%; top:50%; margin:-41px 0 0 -300px; filter:alpha(opacity=0); opacity:0;}
#b-sub>.txt>span{color:#fb2846;}
#b-sub>.txt-en{width:600px; text-align:center; height:40px; font-size:12px; text-transform:uppercase; color:#fff; position:absolute; z-index:3; left:50%; top:50%; margin:2px 0 0 -300px; font-family:'Microsoft Yahei light'; filter:alpha(opacity=0); opacity:0;}
#b-sub:after{content:''; display:block; width:36px; height:36px; background-color:#ddd; position:absolute; left:50%; top:50%; margin:-20px 0 0 -18px; -webkit-animation:loader 1.2s ease-in-out infinite;}
#b-sub.animate:after{animation:loader 1.2s ease-in-out infinite, loader-hidden .5s ease-out both;}
#b-sub.animate>.img{animation:img .8s ease-in-out .3s both;}
#b-sub.animate>.bg{animation:bg 1s ease-out .8s both;}
#b-sub.animate>.txt{animation:txt .6s ease-out 1.2s both;}
#b-sub.animate>.txt-en{animation:txt-en .6s ease-out 1.4s both;}
@keyframes img{
  to{filter:alpha(opacity=100); opacity:1;}
}
@keyframes bg{
  0%{width:100%; height:100%; left:0; top:0; margin:0; filter:alpha(opacity=0); opacity:0; background:#fff;}
  100%{width:600px; height:100px; filter:alpha(opacity=30); opacity:0.3; left:50%; top:50%; margin:-60px 0 0 -300px; transform:perspective(200px) rotateX(180deg); background:#000;}
}
@keyframes txt{
  from{top:70%; filter:alpha(opacity=0); opacity:0;}
  to{top:50%; filter:alpha(opacity=100); opacity:1;}
}
@keyframes txt-en{
  from{top:75%; filter:alpha(opacity=0); opacity:0;}
  to{top:50%; filter:alpha(opacity=60); opacity:.6;}
}
@keyframes loader{
  0%{transform:perspective(50px);} 
  50%{transform:perspective(50px) rotateY(180deg);}
  100%{transform:perspective(50px) rotateY(180deg) rotateX(180deg);}
}
@keyframes loader-hidden{
  to{filter:alpha(opacity=0); opacity:0;}
}

#main{min-height:280px; margin:60px 0 60px 0;}

#nav{width:100%; text-align:center; height:60px; border-bottom:1px solid #e6e6e6;}
#nav a{display:inline-block; line-height:60px; position:relative; height:60px; padding:0 30px; margin:0 15px; font-size:15px; transition:color .3s;}
#nav a:after{display:block; position:absolute; content:''; width:100%; height:0; background:#fb2846; left:0; bottom:-1px; transition:height .2s;}
#nav a:hover,#nav a.A{color:#fb2846;}
#nav a:hover:after,#nav a.A:after{height:3px;}

.column2{-webkit-column-count:2; column-count:2; -webkit-column-gap:63px; column-gap:63px;}
.line220{line-height:220% !important;}
.text{font-size:13px; line-height:200%;}
.text div,.text p{margin-bottom:20px;}
.text img{max-width:100% !important;}
.text .tit{font-size:20px; color:#333; font-family:Microsoft Yahei light;}

#video{width:100%; height:250px; background:#eee; margin-bottom:80px;}
#video>.wrap{position:relative; height:100%;}
#vL{width:584px; height:329px; position:absolute; left:0; background:#222; margin-top:-40px; z-index:1; cursor:pointer;}
#vL>p{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:#000; filter:alpha(opacity=70); opacity:.7; display:none;}
#vL>span{width:66px; height:66px; position:absolute; left:50%; top:50%; z-index:3; background:url(img/play.png?v=1) no-repeat; background-size:100% 100%; margin:-38px 0 0 -33px; transition:all .3s; display:none;}
#vR{width:575px; height:100%; float:right; overflow:hidden; position:relative; z-index:1;}
#vR img{width:100%; height:auto;}
.v-r{width:50px; height:50px; background:url(img/v-r.png) no-repeat right center; background-color:rgba(0,0,0,.4); overflow:hidden; position:absolute; right:0; top:100px; transition:all .25s; z-index:2;}
.v-r:hover{background-color:rgba(236,0,0,.8);}
.v-l{width:50px; height:50px; background:url(img/v-l.png) no-repeat left center; background-color:rgba(0,0,0,.4); overflow:hidden; position:absolute; left:585px; top:100px; transition:all .25s; z-index:2;}
.v-l:hover{background-color:rgba(236,0,0,.8);}
#vL:hover>span{filter:alpha(opacity=60); opacity:.6;}

.culture-l{margin-bottom:30px;}
.culture-l:after{clear:both; float:none; display:block; content:''; height:0; visibility:hidden;}
.culture-l>.c-l{width:130px; height:120px; background:#fb2846; float:left; border-radius:6px 0 0 6px; text-align:center;}
.culture-l>.c-l>img{display:block; margin:12px auto 0 auto; height:70px;}
.culture-l>.c-l>span{display:block; font-size:13px; color:#fff;}
.culture-l>.c-r{width:639px; height:118px; border:1px solid #eee; border-left:0px none; float:right; border-radius:0 6px 6px 0;}
.culture-l>.c-r>.tit{font-size:20px; color:#464646; font-family:'Microsoft Yahei light'; padding:20px 0 0 30px;}
.culture-l>.c-r>.con{padding:10px 0 0 30px; line-height:170%; font-size:14px;}

.honor{width:1170px;}
.honor>li{width:289px; height:320px; border:1px solid #eee; margin:0 0 -1px -1px; float:left; transition:all .3s;}
.honor>li:hover{background:#eee;}
.honor>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.honor>li>a:after{display:block; content:''; width:100%; position:absolute; left:0; bottom:-60; height:56px; background:#fb2846; z-index:1; transition:all .3s;}
.honor>li>a>.img{width:249px; height:240px; margin:20px 20px 0 20px; text-align:center; overflow:hidden;}
.honor>li>a>.img>img{width:auto; height:240px;}
.honor>li>a>.tit{height:60px; line-height:48px; text-align:center; font-size:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;}
.honor>li>a:hover:after{bottom:0px;}
.honor>li>a:hover>.tit{color:#fff; line-height:58px;}

.newslist{width:1220px;}
.newslist:after{content:''; display:block; clear:both; float:none; visibility:hidden; height:0;}
.newslist>li{width:554px; height:503px; float:left; margin-right:52px;}
.newslist>li>a{display:block;}
.newslist>li>a>.img{width:100%; height:270px; position:relative; overflow:hidden; background:url(img/nophoto.png?v=1) no-repeat center center; background-color:#eee;}
.newslist>li>a>.img>img{width:554px; height:360px; position:absolute; left:0; top:-55px; transition:all .45s;}
.newslist>li>a>.img:after{content:''; display:block; position:absolute; width:100%; height:100%; top:0; background:#000; z-index:1; filter:alpha(opacity=0); opacity:0; transition:all .4s;}
.newslist>li>a>.img:before{content:''; display:block; position:absolute; width:80px; height:80px; left:50%; top:50%; margin:100px 0 0 -40px; filter:alpha(opacity=0); opacity:0; background:url(img/zoom.png) no-repeat; z-index:2; transform:rotateX(180deg); transition:all .35s;}
.newslist>li>a>.con{width:100%; background:#f8f8f8; height:183px; position:relative;}
.newslist>li>a>.con:after{content:''; display:block; position:absolute; width:0; height:2px; left:0; bottom:0; background:#fb2846; transition:all .45s;}
.newslist>li>a>.con>.tit{font-size:18px; color:#1343a1; font-family:'Microsoft Yahei light'; display:block; padding:28px 35px 0 35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .3s;}
.newslist>li>a>.con>.txt{font-size:13px; line-height:180%; padding:16px 35px 0 35px; display:block; color:#777177;}
.newslist>li>a>.con>.info{display:block; padding:18px 35px 0 35px;}
.newslist>li>a>.con>.info>.date{background:url(img/clock.png) no-repeat left center; padding-left:22px; font-size:13px; color:#bbb; display:inline-block;}
.newslist>li>a>.con>.info>.count{background:url(img/user.png?v=5) no-repeat left center; padding-left:22px; font-size:13px; color:#bbb; display:inline-block; margin-left:30px;}
.newslist>li>a:hover>.img>img{top:-20px;}
.newslist>li>a:hover>.img:after{filter:alpha(opacity=66); opacity:.66;}
.newslist>li>a:hover>.img:before{transform:perspective(40px) rotateX(0deg); filter:alpha(opacity=100); opacity:1; margin-top:-40px;}
.newslist>li>a:hover>.con>.tit{color:#fb2846;}
.newslist>li>a:hover>.con:after{width:100%;}

#info{font-size:12px; color:#999; margin-top:10px; padding-bottom:18px; border-bottom:1px solid #E6E6E6;}
.back{display:block; background:#FFF; border:1px solid #e6e6e6; color:#666; padding:11px 0px 13px 0px; text-align:center; font-size:14px; border-radius:3px; transition:all 0.3s ease;}
.back:hover,.back:active{background:#eee; color:#df3036; border:1px solid #e6e6e6;}

.procls{width:1170px; padding:50px 0 0 0;}
.procls>li{width:289px; height:320px; border:1px solid #eee; margin:0 0 -1px -1px; float:left; transition:all .3s;}
.procls>li:hover{background:#eee;}
.procls>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative; text-align:center; transition:all .5s;}
.procls>li>a>.img{width:249px; height:250px; margin:0 20px 0 20px; text-align:center; overflow:hidden;}
.procls>li>a>.tit{font-size:16px; font-family:'Microsoft Yahei light'; color:#1343a1; height:60px; line-height:60px; white-space:nowrap; transition:all .3s; text-overflow:ellipsis; overflow:hidden;}
.procls>li>a:hover{background:url(img/cls_bg.jpg?v=1) no-repeat right top;}
.procls>li>a:hover>.tit{color:#fb2846; line-height:70px;}

.propath{font-size:13px; background:#eee; padding:10px 20px 12px 20px; color:#999; margin:-60px 0 0 0;}
.propath a{color:#999;}
.propath a:hover{text-decoration:underline; color:#666;}
.propath a:last-child{color:#fb2846;}
#pp-l{width:600px; float:left; line-height:40px;}
#pp-r{width:360px; float:right; position:relative; padding:0; text-align:right;}
#pp-r>img{position:absolute; right:9px; top:10px; cursor:pointer;}

.prolist{width:1220px;}
.prolist:after{clear:both; float:none; content:''; display:block; height:0; visibility:hidden;}
.prolist>li{width:260px; height:302px; float:left; margin-right:40px; padding:50px 0 0 0;}
.prolist>li>a{text-align:center; height:100%; display:block; position:relative;}
.prolist>li>a>.img{padding:10px; width:238px; height:238px; position:relative; z-index:2;}
.prolist>li>a>.img>img{height:100%; width:100%;}
.prolist>li>a>.tit{height:46px; line-height:20px; font-size:14px; color:#464646; white-space:nowrap; transition:all .3s; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:2;}
.prolist>li>a:after{content:''; display:block; width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background:url(img/pro_bg.jpg) no-repeat center center; transition:all .4s;}
.prolist>li>a:hover>.tit{color:#fb2846;}
.prolist>li>a:before{display:block; content:''; width:0; height:3px; background:#fb2846; position:absolute; left:0; bottom:0; z-index:3; transition:all .35s;}
.prolist>li>a:hover:before{width:100%;}
.prolist>li>a:hover:after{filter:alpha(opacity=60); opacity:.6;}

#pro-left{width:270px; background:#eee; float:left;}
.prolist_side li{background:#eee !important;}
.prolist_side li a{font-size:13px; background-position:left 11px !important; padding-left:12px !important;}
.prolist_side>li>span.close{top:2px !important;}
.prolist_side li span.open{top:2px !important;}
.prolist_side li a.A{color:#fb2846 !important;}
.prolist_side_son li a.A{color:#fb2846 !important;}

#pro-right{width:825px; float:right;}
#pp_info_l{width:300px; float:left; text-align:center;}
#pp_info_r{width:490px; height:376px; float:right; position:relative;}
#pro_tit{font-size:26px; color:#333; padding-bottom:20px; border-bottom:1px dotted #CCC;}
#pro_do{margin-top:40px; padding-left:20px;}
#pro_do p{margin-top:15px; font-size:13px;}
#pro_do p img{margin:-2px 7px 0 0;}
#pro_cls{background:#EEE; border-bottom:1px dotted #CCC; padding:11px 20px 13px 20px; color:#AAA;}
#pro_cls img{margin:-2px 7px 0 0;}
#pro_cls a{color:#fb2846;}
#pro_cls a:hover,#pro_cls a:active{text-decoration:underline;}
#pro_tags{padding:10px 0 0 0;}
#pro_tags .tags_title{border-bottom:0px none !important; border-top:2px solid #fb2846; padding:20px 0 0 0 !important; background:#fff; font-size:19px !important; font-weight:normal !important; color:#fb2846 !important;}
#pro_tags .tags_content{margin-top:0 !important; padding:20px 0 25px 0 !important; background:#fff; font-size:13px;}
#pro_tags .tags_content p,#pro_tags .tags_content div{margin-bottom:16px; line-height:190%;}
#pro_tags .tags_content img{max-width:100% !important; height:auto; cursor:pointer;}
#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; font-size:12px;}
#pro_tags table th{background:#E1F1F9;}

.carlogo{width:1170px;}
.carlogo:after{content:''; display:block; clear:both; float:none; visibility:hidden; height:0;}
.carlogo>li{width:232px; height:200px; float:left; transition:all .3s; text-align:center;}
.carlogo>li.last{height:100px; line-height:100px;}

.apptext{font-size:26px; text-align:center; color:#464646; padding-bottom:40px; margin-top:-10px;}
.apptext p span{font-size:66px; color:#fb2846;}
.apptext .light{font-size:18px; color:#1343a1;}

.orderbox{border:1px solid #e6e6e6; padding:20px; margin:40px 0 0 0; border-radius:3px;}
.orderbox .tit{font-size:20px; color:#333; font-family:Microsoft Yahei light;}
.orderbox table td{font-size:13px; padding:6px 0;}
.orderbox input,.orderbox textarea{padding:8px; background:#eee; border:0px none; box-sizing:border-box; transition:all .2s;}
.submit{display:inline-block; padding:0 50px; line-height:46px; height:46px; background:#e3232d; color:#fff; border-radius:3px; transition:all .25s; font-size:13px;}
.submit:hover{background:#ddd; color:#464646;}

.pager{text-align:center; padding:10px 0 30px 0; font-size:13px;}
.pager span,.pager a,.pager input{font-size:13px;}

.down{height:160px; border-bottom:1px solid #eee; position:relative; display:block;}
.down:first-child{border-top:1px solid #eee;}
.down>.tit{font-size:17px; color:#1343a1; font-family:'Microsoft Yahei light'; padding:38px 0 0 0; transition:all .3s;}
.down>.txt{color:#aaa; padding:12px 0 0 0; line-height:190%; width:900px; font-size:13px;}
.down>.date{width:95px; height:100px; background:#ddd; position:absolute; right:0; top:28px; transition:all .35s; border-radius:4px;}
.down>.date>span{display:block; text-align:center;}
.down>.date>.d{font-size:42px; color:#ec0000; font-family:Microsoft Yahei light; padding:10px 0 0 0; transition:all .35s;}
.down>.date>.y-m{font-family:'Microsoft Yahei light'; font-size:14px; color:#666; transition:all .35s;}
.down:hover>.tit{color:#fb2846;}
.down:hover>.date{background:#fb2846;}
.down:hover>.date>.d{color:#fff;}
.down:hover>.date>.y-m{color:#fff;}

#files{padding:20px; border:1px solid #E6E6E6;}

#p-search{padding:25px; background:#1343a1; border-top:10px solid #fff; position:relative;}
#p-search>#k{border:0px none; width:100%; box-sizing:border-box;}
#p-search>img{position:absolute; right:32px; top:34px; cursor:pointer;}

#m2-move-2{position:relative;}
#m2-move-2>p{position:absolute; width:399px; height:320px; left:10px; top:0; background:#000; filter:alpha(opacity=40); opacity:.4; z-index:1;}
#m2-move-2>span{z-index:2; position:absolute; left:10px; top:0; width:399px; height:320px; display:block; cursor:pointer;}
#m2-move-2>span>.play{position:absolute; left:50%; top:50%; margin:-33px 0 0 -33px;}

#videolist{width:1220px;}
#videolist li{width:548px; float:left; margin-right:60px; border:1px solid #ddd; padding:20px 20px 0 20px; box-sizing:border-box; margin-bottom:60px;}
#videolist li>a{display:block; width:510px; height:340px;}
#videolist li>a .img{width:100%; height:280px; background:#000;}
#videolist li>a .img>img{width:100%; height:100%;}
#videolist li>a .tit{width:100%; text-align:center; height:60px; line-height:56px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'Microsoft YaHei Light';}

.job{text-align:center; font-size:15px; color:#464646; font-family:'Microsoft Yahei light'; line-height:200%;}
.job span{color:#ec0000; font-size:22px;}
#job_tit{background:#1343a1; color:#fff; font-weight:bold; height:40px; line-height:40px; margin-top:40px;}
.job1{display:inline-block; padding-left:20px; float:left; width:750px; font-size:13px;}
.job2{float:left; width:100px; text-align:center; font-size:13px;}
.job3{float:left; width:150px; text-align:center; font-size:13px;}
.job4{float:left; width:135px; text-align:center; font-size:13px;}
.job_list{display:block; height:40px; line-height:40px; border-bottom:1px dotted #ccc; transition:all ease 0.4s;}
.job_list:hover,.jog_list:active{background:#eee;}