@charset "utf-8";
/* CSS Document */

@import "font.css";
body,td,th,input,textarea,select{font-size:12px; font-family:'微软雅黑', Arial, Tahoma; color:#555; outline:none;}
html{-webkit-text-size-adjust:none; min-width:1300px;}
body,form{margin:0;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
.searHeight{font-style:normal; color:#EC0000;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
h1{color:#222; display:block; margin:0; padding:0; font-size:26px; font-weight:normal;}
a{color:#555; text-decoration:none; outline:none;}
a:hover,a:active{color:#33458E;}

.wrap{margin:auto; width:1120px;}
.wrap:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
#banner{width:100%; height:720px; position:relative; z-index:1; overflow:hidden;}

#menu_wrap{width:100%; height:120px; position:fixed; left:0; top:0; z-index:999;}
#menu_top{width:1120px; height:40px; margin:auto; position:relative; z-index:1000; display:none;}
#menu_block{width:100%; height:80px; background:#2F4D93;}

#top_tel{color:#2F4D93; font-size:13px; width:230px; height:40px; line-height:38px; position:absolute; right:120px; top:0; background:url(images/icon_top_tel.png) no-repeat left center; padding-left:22px;}
#top_tel span{font-size:17px; font-family:'Eshion_elegant_En', Arial;}

#lan{width:126px; height:40px; line-height:40px; position:absolute; right:0; top:0; color:#2F4D93; background:rgba(255,255,255,.6); text-align:center;}
#lan img{margin:-3px 0 0 8px;}
#lan_list{width:126px; position:absolute; right:0; top:40px; background:#FFF; display:none;}
#lan_list a{display:block; text-align:left; height:39px; line-height:38px; border-bottom:1px solid #EEE; text-transform:capitalize; padding-left:23px; transition:all ease 0.35s;}
#lan:hover,#lan:active,#lan.A{background:#FFF; color:#D82633;}
#lan_list a img{margin:-3px 7px 0 0;}
#lan_list a:hover{background:#EEE;}

#logo{width:136px; height:32px; display:block; float:left; margin-top:24px;}
#search{display:block; width:28px; height:28px; background:rgba(255,255,255,.2); border-radius:50%; float:right; margin-top:26px; overflow:hidden; transition:all ease 0.2s; position:relative;}
#search .img1{height:13px; position:absolute; left:7px; top:7px; transition:all ease 0.3s;}
#search .img2{height:13px; position:absolute; left:7px; top:35px; transition:all ease 0.3s;}
#search:hover,#search.A{background:#FFCC00;}
#search:hover .img1,#search.A .img1{top:-21px;}
#search:hover .img2,#search.A .img2{top:7px;}
#language{display:block; width:28px; height:28px; margin-right:10px; background:rgba(255,255,255,.2); font-weight:bold; border-radius:50%; float:right; margin-top:26px; overflow:hidden; transition:all ease 0.2s; color:#fff; line-height:28px; text-align:center;}
#language:hover{background:#ffcc00;}

#menu{width:728px; float:left; margin-left:160px;}
#menu>li{display:block; float:left; margin-left:1px;}
#menu>li>a{display:inline-block; padding:0 25px; color:#FFF; font-size:14px; height:80px; line-height:79px; transition:all ease 0.4s; position:relative;}
#menu>li>a>span{background:#FFCC00; height:3px; font-size:0; position:absolute; left:50%; bottom:12px; width:0; transition:all ease 0.35s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#menu>li>a:hover,#menu>li.A>a,#menu>li>a.A{color:#FFCC00;}
#menu>li>a:hover span,#menu>li.A>a span,#menu>li>a.A span{left:0; width:100%; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#menu>li div.border{position:absolute; width:100%; height:0; left:0; top:80px; overflow:hidden;}
#menu>li div.con{width:1120px; margin:auto; position:relative;}
#menu>li div.con>a{display:block; width:161px; height:220px; float:left; margin-left:30px; margin-top:42px;}
#menu>li div.con>a:first-child{margin-left:0px;}
#menu>li div.con>a>img{width:151px; height:113px; padding:4px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.08); transition:all ease 0.3s;}
#menu>li div.con>a>span{display:block; color:#FFF; font-size:13px; padding-top:12px; transition:all ease 0.35s;}
#menu>li div.con>a>p{line-height:160%; color:rgba(255,255,255,.4); padding-top:6px; transition:all ease 0.35s;}
#menu>li div.con>a:hover>img{border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.2);}
#menu>li div.con>a:hover>span{color:#FFCC00;}
#menu>li div.con>a:hover>p{color:rgba(255,255,255,1);}
#menu>li div.con .menu{position:absolute; width:188px; right:0; top:42px; border-top:1px solid rgba(255,255,255,.1);}
#menu>li div.con .menu a{display:block; padding:10px 0 11px 20px; color:#FFF; font-size:13px; border-bottom:1px solid rgba(255,255,255,.1); transition:all ease 0.3s;}
#menu>li div.con .menu a:hover{background:rgba(255,255,255,.1); padding:10px 0 11px 30px; color:#FFCC00;}

#search_wrap{width:1120px; height:40px; position:fixed; z-index:1000; left:50%; margin-left:-560px; top:80px; display:none;}
#search_block{width:246px; height:100%; background:#233A70; position:absolute; right:0; top:0;}
#formsearch input{border:0px none; background:none; font-size:13px; color:#FFF; padding:10px 12px; width:186px; vertical-align:middle;}
#keys::-webkit-input-placeholder{color:rgba(255,255,255,0.3);}
#keys:-moz-placeholder{color:rgba(255,255,255,0.3);}
#formsearch a{vertical-align:middle; color:#FFF; transition:all ease 0.3s;}
#formsearch a:hover{color:#FFCC00;}

#map{position:relative;}
#map div{width:100%; height:25px; background:#33458E; position:absolute; left:0; bottom:0;}

#m1{margin-top:70px; height:605px; position:relative;}

.tit_en{font-size:36px; color:#33458C; font-family:'Eshion_elegant_En', Arial; text-align:center;}
.tit_cn{font-size:22px; color:#333; text-align:center; margin-top:8px; background:url(images/tit_line.png) no-repeat center center;}

#industry{width:1184px; height:405px; margin-left:-32px; position:relative; margin-top:60px; overflow:hidden;}
#industry div{width:1230px; height:405px; padding-left:32px;}
#industry div a{display:block; width:330px; height:405px; margin-right:65px; position:relative; float:left; z-index:1;}
#industry div a .tit{width:100%; height:50px; position:absolute; z-index:1; background:#33458E; color:#FFF; font-size:14px; text-align:center; line-height:48px; transition:all ease 0.35s;}
#industry div a .img{width:116px; height:116px; position:absolute; z-index:2; background:#CCC; left:50%; top:98px; margin-left:-58px; border-radius:50%; transition:all ease 0.35s;}
#industry div a .img img{width:100%; height:100%;}
#industry div a .txt{color:#888888; padding:0 15px; position:absolute; z-index:2; left:0; top:250px; text-align:center; line-height:180%;  transition:all ease 0.35s 0.15s;}
#industry div a .more{color:#999; width:110px; height:28px; display:block; position:absolute; z-index:2; left:50%; margin-left:-55px; top:340px; border:1px solid #E6E6E6; text-align:center; line-height:27px; border-radius:20px; transition:all ease 0.35s 0.15s;}
#industry div a .line{font-size:0; width:100%; height:3px; position:absolute; z-index:2; left:0; bottom:0; background:#EEE; transition:all 0.1s;}
#industry div a:hover .tit{height:405px; line-height:96px; color:#FFCC00;}
#industry div a:hover .img{background:rgba(255,255,255,.2); transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
#industry div a:hover .txt{color:rgba(255,255,255,.6);}
#industry div a:hover .more{border:1px solid rgba(255,255,255,.4); color:rgba(255,255,255,.4);}
#industry div a:hover .line{background:rgba(255,204,0,1); height:6px;}

#m1 .pager{width:1300px; height:100%; position:absolute; left:0; top:0; left:-90px;}
#m1 .pager .prev{width:50px; height:50px; position:absolute; display:block; background:url(images/btn_prev.png) no-repeat center top; left:0; top:320px; transition:all ease 0.3s;}
#m1 .pager .next{width:50px; height:50px; position:absolute; display:block; background:url(images/btn_next.png) no-repeat center top; right:0; top:320px; transition:all ease 0.3s;}
#m1 .pager .prev:hover,#m1 .pager .next:hover{background-position:center bottom;}

#m2{width:100%; height:595px; padding-top:65px; background:url(images/m2_bg.jpg) no-repeat center center; margin-top:15px;}
#m2_wrap{width:1120px; height:350px; position:relative; margin:65px auto 0 auto;}
#m2_L{width:730px; float:left;}
#m2_R{width:318px; float:right;}

#m2_L a{display:block; width:100%; height:130px; margin-bottom:40px;}
#m2_L a .img{width:200px; height:130px; position:relative; float:left;}
#m2_L a .img .img{width:200px; height:130px;}
#m2_L a .img span{display:block; width:100%; position:absolute; z-index:1; left:0; top:50%; height:0; background:rgba(0,0,0,0); transition:all ease 0.35s;}
#m2_L a .img .zoom{position:absolute; z-index:2; left:50%; top:50%; margin:-24px 0 0 -24px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:all ease 0.35s;}
#m2_L a .con{width:510px; height:129px; border-bottom:1px solid #E6E6E6; float:right;}
#m2_L a .tit{display:block; color:#33458E; font-size:14px; transition:all ease 0.35s;}
#m2_L a .time{display:block; color:#999; padding:12px 0 12px 0; background:url(images/icon_clock.png) no-repeat 76px center;}
#m2_L a .txt{display:block; color:#888; line-height:180%;}
#m2_L a:hover .img span{height:100%; top:0; background:rgba(0,0,0,.5);}
#m2_L a:hover .img .zoom{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; transform:rotateX(360deg); -webkit-transform:rotateX(360deg); -moz-transform:rotateX(360deg);}
#m2_L a:hover .tit{color:#EC0000;}

#m2_R a{display:block; width:318px; height:306px; position:relative;}
#m2_R a img{width:100%; height:100%; transition:all ease 0.35s; position:absolute; right:0; top:0;}
#m2_R a:hover img{width:300px; height:288px; top:10px;}
#m2_more{display:block; width:276px; height:30px; margin:auto; background:url(images/tit_line.png) no-repeat center center;}
#m2_more span{display:block; width:100px; height:28px; border:1px solid #E6E6E6; margin:auto; line-height:28px; text-align:center; border-radius:20px; color:#888; transition:all ease 0.35s;}
#m2_more:hover span{background:#FFF; color:#EC0000; border:1px solid #CCC; box-shadow:0 2px 5px rgba(0,0,0,.06);}

#m3{width:1184px; height:520px; padding-top:70px; margin:auto;}
#application{width:100%; height:200px; margin-top:55px; overflow:hidden;}
#application div{width:1120px; padding-left:32px; padding-bottom:32px;}
#application div .con{width:306px; float:left;}
#application div .con .tit{display:block; color:#33458C; font-size:16px; padding-top:5px;}
#application div .con .txt{display:block; color:#999; line-height:200%; padding-top:18px;}
#application div .con .more{width:120px; height:33px; display:block; background:#33458E; color:#FFF; text-align:center; line-height:32px; margin-top:25px; transition:all ease 0.35s;}
#application div .img{width:740px; height:200px; float:right; text-align:right;}
#application div .img img{width:740px; height:200px;}
#application div .con .more:hover{background:#EC0000;}
#app_pager{text-align:center; margin-top:56px;}
#app_pager a{width:60px; height:5px; display:inline-block; background:#DDD;	margin:0 10px; font-size:0; transition:all ease 0.35s;}
#app_pager a:hover,#am_pager a:active{background:#CCC;}
#app_pager a.activeSlide{background:#33458E;}

#foot{width:100%; height:336px; padding-top:50px; background:#33458E; position:relative;}
#btm{width:100%; height:50px; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; line-height:50px;}
#btm_L{width:600px; float:left; color:rgba(255,255,255,.46);}
#btm_L a{color:rgba(255,255,255,.46); transition:all ease 0.35s;}
#btm_L a:hover{color:#FFCC00;}
#btm_R{width:300px; float:right; text-align:right;}
#btm_R a{color:rgba(255,255,255,.46); transition:all ease 0.35s;}
#btm_R a:hover{color:#FFF;}

#foot_wrap{width:1120px; height:220px; background:url(images/foot_split.png) no-repeat center top; margin:0 auto 0 auto;}
#foot_L{width:256px; float:left;}
#foot .tit{font-size:16px; color:#FFF;}
#foot .tit span{color:#FC0;}
#foot_tel{font-size:22px; font-family:'Eshion_elegant_En', Arial; color:#FFCC00; margin-top:22px;}
#foot_tel span{font-size:12px; color:rgba(255,255,255,.4); display:inline-block; padding-left:12px;}
#foot_L .line{color:#FFF;}
#foot_L .line span{font-size:12px; color:rgba(255,255,255,.4); display:inline-block; padding-left:8px;}
#foot_L .more{display:block; width:78px; height:26px; color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.3); text-align:center; line-height:26px; border-radius:3px; margin-top:22px; transition:all ease 0.35s;}
#foot_L .more:hover{border:1px solid rgba(255,255,255,.6); color:rgba(255,255,255,1);}

#foot_C{width:300px; float:left; margin-left:135px;}
#foot_C .tit{margin-left:-10px;}
#foot_C div{margin-top:28px;}
#foot_C div p{width:130px; float:left; margin-left:40px;}
#foot_C div p:first-child{margin-left:0;}
#foot_C div p span{text-align:center; display:block; padding-top:13px; color:#FFF;}

#foot_R{width:295px; float:right;}
#foot_R .tit{cursor:pointer;}
#footNav div{padding-top:12px; height:16px;}
#foot_R div a{color:#FFF; float:left; margin-left:13px; transition:all ease 0.35s;}
#foot_R div a:first-child{margin-left:0;}
#foot_R div a:hover{color:#FC0;}
#footNav{display:none;}

.banner{height:440px; position:relative; z-index:1;}
.banner a{display:block; position:absolute; width:50px; height:50px; left:50%; margin-left:-25px; bottom:36px; background:url(images/btn_down.png) no-repeat center center; transition:all 0.18s;}
.banner a:hover{background:url(images/btn_down.png) no-repeat center 7px;}
#main{width:1120px; margin:60px auto 80px auto; min-height:360px;}
#main:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

#nav{width:100%; height:52px; background:#EEE; text-align:center;}
#nav a{display:inline-block; height:52px; line-height:50px; padding:0 63px; font-size:14px; color:#555; transition:all ease 0.45s;}
#nav a:hover{color:#33458E; background:#DDD;}
#nav a.A{background:url(images/nav_A.png) no-repeat center bottom; color:#FFF;}

.text{line-height:200%; font-size:13px;}
.text p,.text div{margin-bottom:20px;}
.text img{max-width:100%; margin:20px 0;}

#pager{padding-bottom:20px; text-align:center; font-size:13px !important;}
.pagebtn{padding:7px 25px !important;}
.trunpage{padding:7px 15px !important;}

#cer_list{width:1180px;}
#cer_list li{width:242px; height:220px; float:left; margin-right:50px; overflow:hidden; position:relative;}
#cer_list li.clear{float:none; width:100%; clear:both; height:50px; font-size:0; padding:0; margin:0;}
#cer_list li a{display:block; border:1px solid #E6E6E6; width:240px; height:218px;}
#cer_list li a .img{width:220px; height:150px; margin:10px;}
#cer_list li a .img img{width:220px; height:150px;}
#cer_list li a .tit{width:220px; height:42px; position:absolute; left:10px; bottom:10px; text-align:center;	background:#EEE; z-index:2;}
#cer_list li a .tit .txt{
	display:block; font-size:13px; width:220px; height:40px; padding-bottom:2px;
	display:box; display:-webkit-box; display:-moz-box;
	-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;
	position:absolute; left:0; top:0; z-index:2;
	transition:all ease 0.35s;
}
#cer_list li a .tit .block{position:absolute; left:50%; top:50%; z-index:1; background:#EC0000; width:0; height:0; transition:all ease 0.35s;}
#cer_list li a:hover .block,#cer_list li a:active .block{width:100%; height:100%; left:0; top:0;}
#cer_list li a:hover .txt,#cer_list li a:active .txt{color:#FFF;}
#cer_list li a .zoom{position:absolute; width:240px; height:0; background:rgba(0,0,0,0.4); left:1px; bottom:1px; text-align:center; line-height:320px; transition:all ease 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#cer_list li a:hover .zoom,#cer_list li a:active .zoom{bottom:1px; height:288px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.cultrue_tit{display:inline-block; background:#33458E; padding:12px 56px 14px 56px; color:#FFF; border-radius:30px; font-size:16px;}
.culture_circle{width:120px; height:120px; border:1px solid #CEE9FF; border-radius:50%; display:inline-block; font-size:20px; text-align:center; line-height:120px; color:#33458E; margin:0 50px; background:#F4FAFF;}

#show_list{width:1180px;}
#show_list li{width:340px; height:280px; float:left; margin-right:50px; overflow:hidden; position:relative;}
#show_list li.clear{float:none; width:100%; clear:both; height:50px; font-size:0; padding:0; margin:0;}
#show_list li a{display:block; border:1px solid #E6E6E6; width:338px; height:278px;}
#show_list li a .img{width:318px; height:210px; margin:10px;}
#show_list li a .img img{width:318px; height:210px;}
#show_list li a .tit{width:319px; height:42px; position:absolute; left:10px; bottom:10px; text-align:center;	background:#EEE; z-index:2;}
#show_list li a .tit .txt{
	display:block; font-size:13px; width:318px; height:40px; padding-bottom:2px;
	display:box; display:-webkit-box; display:-moz-box;
	-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;
	position:absolute; left:0; top:0; z-index:2;
	transition:all ease 0.35s;
}
#show_list li a .tit .block{position:absolute; left:50%; top:50%; z-index:1; background:#EC0000; width:0; height:0; transition:all ease 0.35s;}
#show_list li a:hover .block,#cer_list li a:active .block{width:100%; height:100%; left:0; top:0;}
#show_list li a:hover .txt,#cer_list li a:active .txt{color:#FFF;}
#show_list li a .zoom{position:absolute; width:340px; height:0; background:rgba(0,0,0,0.4); left:1px; bottom:1px; text-align:center; line-height:320px; transition:all ease 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#show_list li a:hover .zoom,#cer_list li a:active .zoom{bottom:1px; height:318px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

#product{width:1180px;}
#product li{width:340px; height:415px; float:left; margin-right:50px; overflow:hidden; position:relative;}
#product li.clear{float:none; width:100%; clear:both; height:50px; font-size:0; padding:0; margin:0;}
#product li>div>a{display:block; border:1px solid #E6E6E6; width:338px; height:413px;}
#product li>div>a img{width:310px; height:316px; background:#EEE; margin:15px auto; display:block;}
#product li>div>a span{display:block; font-size:16px; color:#33458E; padding:0 15px;}
#product li>div>a p{font-size:13px; color:#BBB; padding:6px 15px 0 15px;}
#product li>div>div{position:absolute; width:100%; height:100%; background:#FFF; left:0; top:-415px; transition:all ease 0.45s;}
#product li>div>div div{padding:50px 33px;}
#product li>div>div div a{color:rgba(255,255,255,.7); display:block; font-size:13px; padding:4px 0 5px 12px; background:url(images/arr_1.png) no-repeat left 12px;}
#product li>div>div div a:hover{color:#FFF; text-decoration:underline; background-position:left -34px;}
#product li>div>p{position:absolute; left:0; bottom:-58px; text-align:center; width:100%; transition:all ease 0.35s;}
#product li>div>p a{display:block; background:#E6E6E6; padding:20px 0 22px 0; font-size:14px; color:#FFF; transition:all ease 0.4s; text-shadow:1px 1px 0 rgba(0,0,0,0.1); transition:all ease 0.35s;}
#product li>div:hover>div{height:100%; background:#33458E; top:0;}
#product li>div:hover>p{bottom:0;}
#product li>div:hover>p a{background:#FC0;}
#product li>div>p a:hover{background:#EC0000; color:#FFF;}

#prolist_nav{width:270px; float:left; border-right:1px solid #E6E6E6; padding-right:20px; margin-left:-10px;}
.prolist_side li a.A{color:#EC0000 !important;}
.prolist_side_son li a.A{color:#EC0000 !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{border-left:1px solid #EC0000 !important;}

#proList{width:840px;}
#proList li{float:left; width:232px; margin-right:45px;}
#proList li.clear{float:none; clear:both; height:45px;}
#proList li a{display:block; width:200px; padding:15px; margin:auto; border:1px solid #E6E6E6; border-top:4px solid #E6E6E6; transition:all ease 0.3s;}
#proList li a img{display:block; width:200px; height:200px;}
#proList li a span{display:block; font-size:12px; border-top:1px solid #EEE; padding-top:10px; transition:all 0.25s; min-height:36px;}
#proList li a:hover,#proList li a:active{border:1px solid #CCC; border-top:4px solid #D90000; box-shadow:3px 3px 12px rgba(0,0,0,0.1);}
#proList li a:hover span,#proList li a:active span{padding-left:10px;}

#pp_info_l{width:300px; float:left; text-align:center;}
#pp_info_r{width:450px; height:376px; float:right; position:relative;}
#pro_tit{font-size:26px; color:#333; padding-bottom:20px; line-height:30px;}
#pro_cls{background:#EEE; padding:12px 20px 14px 20px; color:#AAA;}
#pro_cls img{margin:-2px 7px 0 0;}
#pro_cls a{color:#EC0000;}
#pro_cls a:hover,#pro_cls a:active{text-decoration:underline;}

#pro_do{margin-top:35px; padding-left:20px;}
#pro_do p{margin-top:15px;}
#pro_do p img{margin:-2px 7px 0 0;}

#pro_pdf{border:1px solid #E6E6E6; padding:0 20px 0 45px; height:58px; line-height:56px; margin-top:80px; border-radius:3px; overflow:hidden; background:url(images/icon_pdf.png) no-repeat 20px 19px; position:absolute; left:0; bottom:0; width:383px;}
#pro_pdf strong{color:#333; display:inline-block; padding-right:8px;}
#pro_pdf a{color:#23BFE9; font-size:12px; font-style:italic;}
#pro_pdf a:hover,#pro_pdf a:active{text-decoration:underline;}

#tagCons{overflow:hidden;}
#tagCons:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
#tags_title a{padding:6px 20px 7px 20px !important; background:#EEE !important; border:1px solid #EEE !important; transition:all 0.3s ease;}
#tags_title a:hover,#tags_title a:active{background:#DDD !important; border:1px solid #DDD !important; color:#666 !important;}
#tags_title a.A{background:#33458E !important; border:1px solid #33458E !important; color:#FFF !important;}
#tags_title{border-bottom:1px solid #EEE !important;}
#tagCons img{max-width:100% !important;}
#tags_content{padding-top:10px;}

#pro_btm{padding-bottom:10px; padding-top:20px; margin-top:35px; border-top:1px dashed #DDD;}
#pro_btm ul{display:block; font-size:0px; width:760px; height:65px; overflow:hidden;}
#pro_btm ul li{height:65px; width:370px; float:left; margin-left:20px; overflow:hidden;}
#pro_btm ul li:first-child{margin-left:0;}
#pro_btm ul li a{display:block; transition:all 0.3s ease; font-size:12px !important;}
#pro_btm ul li a img{vertical-align:middle; border:1px solid #E6E6E6; margin-right:10px; display:inline-block; width:48px; height:48px;}
#pro_btm ul li a .span{vertical-align:middle; display:inline-block; width:300px;}

#news li{clear:both; margin-bottom:40px; height:160px;}
#news li a{display:block; width:100%; height:100%;}
#news li a p.img{width:220px; height:160px; float:left; overflow:hidden; position:relative; border-radius:0 0 0 10px; background:url(images/news_img_bg.png) no-repeat center center;}
#news li a p.img .img{width:100%; height:100%; position:relative; z-index:1; border-radius:0 0 0 10px;}
#news li a p.img .bg{position:absolute; right:-220px; top:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.4); z-index:2; border-radius:0 0 0 10px; transition:all ease 0.35s;}
#news li a p.img .zoom{position:absolute; left:50%; top:50%; width:40px; height:40px; margin-left:-20px; margin-top:-20px; z-index:3; transition:all 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#news li a .date{width:100px; height:160px; float:left; background:#EEE; margin-left:1px; transition:all 0.35s;}
#news li a .date .day{display:block; padding:32px 0 0 0; text-align:center; color:#333; font-size:43px; transition:all 0.5s; font-family:'Eshion_elegant_En';}
#news li a .date .ym{display:block; text-align:center; padding:28px 0 0 0; color:#999; font-size:13px; transition:all 0.5s; font-family:'Eshion_elegant_En';}
#news li a .con{width:760px; height:159px; float:right; border-bottom:1px solid #E6E6E6; position:relative;}
#news li a .tit{display:block; font-size:16px; color:#333; padding:10px 0 20px 0; transition:all 0.35s;}
#news li a .txt{display:block; font-size:13px; line-height:180%; color:#999;}
#news li a .click{font-size:12px; display:block; padding-top:20px; color:#BBB;}
#news li a .click img{margin:-2px 0 0 8px;}
#news li a:hover .date,#news li a:active .date{background:#D82633;}
#news li a:hover .date .day,#news li a:active .date .day{color:#FFF;}
#news li a:hover .date .ym,#news li a:active .date .ym{color:#FFF;}
#news li a:hover .tit,#news li a:active .tit{color:#D82633;}
#news li a:hover p.img .bg,#news li a:active p.img .bg{right:0;}
#news li a:hover p.img .zoom,#news li a:active p.img .zoom{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}
#newsback{display:inline-block; background:#FFF; padding:10px 20px; font-size:13px; float:right; margin:2px; border-radius:5px; transition:all ease 0.35s;}
#newsback:hover,#newsback:active{color:#D82633; box-shadow:5px 5px 10px rgba(0,0,0,0.08);}

#newspaper{width:1200px;}
#newspaper li{width:535px; float:left; height:180px; margin-right:46px; border:1px solid #E6E6E6;}
#newspaper li.clear{clear:both; float:none; height:46px; font-size:0; width:100%; border:0px none;}
#newspaper li .list{padding:20px;}
#newspaper li .list .img{width:105px; height:140px; float:left;}
#newspaper li .list .img img{width:100%; height:100%; border:0px none; outline:none; background:#EEE;}
#newspaper li .list .con{width:370px; float:right; margin-right:5px;}
#newspaper li .list .con .tit{font-size:16px; color:#33458E; padding-bottom:12px;}
#newspaper li .list .con .son{border-top:1px dashed #E6E6E6; padding-top:15px;}
#newspaper li .list .con .son a{display:block; width:160px; padding-left:12px; font-size:13px; float:left; height:30px; line-height:29px; background:url(images/icon_arr.png) no-repeat left 12px;}
#newspaper li .list .con .son a:hover{background-position:left -33px; text-decoration:underline;}

#np_con{text-align:center; margin-top:40px;}
#np_con img{max-width:100%;}
#np_menu{display:inline-block; border:1px solid #E6E6E6; height:40px; background:#FFF; position:relative;}
#np_menu a{display:inline-block; height:40px; line-height:39px; font-size:13px; padding:0px 35px; color:#333; position:relative; z-index:1;}
#np_menu_bg{position:absolute; left:0; top:0; width:0; height:100%; background:#E6E6E6;}

#video_list{width:350px; float:right;}
#video_list a{display:block; padding:10px 15px 12px 15px; border:1px solid #E6E6E6; color:#888; transition:all 0.35s ease; font-size:13px; margin-bottom:16px; border-radius:0 30px 30px 0;}
#video_list a img{margin-top:-3px; margin-right:10px;}
#video_list a:hover,#video_list a:active{background:#E6E6E6; color:#33458E;}
#video_con{width:720px; height:520px; float:left; background:url(images/video_bg.png) no-repeat center center; background-color:#000;}

.ncity{display:inline-block; border:1px solid #E6E6E6; padding:5px 20px 6px 20px; font-size:13px; margin:5px 0 5px 5px; background:url(images/ncity_bg.png) repeat-x left bottom; transition:all ease 0.35s;}
.ncity:hover{background:#E6E6E6; color:#EC0000;}

#tech{width:1200px;}
#tech li{width:535px; float:left; height:227px; margin-right:46px; border:1px solid #E6E6E6; transition:all 0.35s ease;}
#tech li.clear{clear:both; float:none; height:46px; font-size:0; width:100%; border:0px none !important; background:none !important;}
#tech li .list{padding:20px; position:relative;}
#tech li .list .tit{font-size:16px; color:#33458E; padding-bottom:12px; display:block; transition:all 0.25s ease; width:400px;}
#tech li .list .son{border-top:1px dashed #E6E6E6; padding-top:13px;}
#tech li .list .son a{display:block; padding-left:12px; font-size:13px; height:28px; line-height:27px; background:url(images/icon_arr.png) no-repeat left 12px;}
#tech li .list .son a:hover{background-position:left -33px; text-decoration:underline;}
#tech li:hover{background:#F2F4FB; border:1px solid #DADFF3;}
#tech li .list .tit:hover{color:#EC0000;}
#tech li .list .more{display:block; width:23px; height:23px; background:url(images/arr_plus.png) no-repeat center center; position:absolute; right:20px; top:18px; transition:all 0.3s ease;}
#tech li .list .more:hover{background:url(images/arr_plusA.png) no-repeat center center;}

#techlist{margin-top:20px; border-top:1px solid #E6E6E6; padding-top:36px;}
#techlist li{display:block; height:120px; clear:both; margin-bottom:30px;}
#techlist li a{display:block; width:100%; height:100%;}
#techlist li a .time{width:100px; height:110px; float:left; background:#EEE; transition:all 0.3s ease;}
#techlist li a .time .day{font-size:46px; display:block; text-align:center; padding-top:12px; font-family:"Trebuchet MS", Arial; transition:all 0.3s ease;}
#techlist li a .time .date{color:#999; display:block; text-align:center; transition:all 0.3s ease; padding-top:3px;}
#techlist li a .con{width:995px; float:right;}
#techlist li a .con .tit{font-size:16px; display:block; padding-top:10px; transition:all 0.3s ease; color:#33458E;}
#techlist li a .con .cons{color:#999; display:block; line-height:200%; padding-top:18px;}
#techlist li a:hover .time{background:#33458E;}
#techlist li a:hover .day,#techlist li a:hover .date{color:#FFF;}
#techlist li a:hover .tit{color:#EC0000;}

.downlist li{display:block; height:120px; clear:both; margin-bottom:30px;}
.downlist li a{display:block; width:100%; height:100%;}
.downlist li a .time{width:100px; height:110px; float:left; background:#EEE; transition:all 0.3s ease;}
.downlist li a .time .day{font-size:46px; display:block; text-align:center; padding-top:12px; font-family:"Trebuchet MS", Arial; transition:all 0.3s ease;}
.downlist li a .time .date{color:#999; display:block; text-align:center; transition:all 0.3s ease; padding-top:3px;}
.downlist li a .con{width:995px; float:right;}
.downlist li a .con .tit{font-size:16px; display:block; padding-top:10px; transition:all 0.3s ease; color:#33458E;}
.downlist li a .con .count{color:#BBB; display:block; padding-top:18px; font-size:13px; font-style:italic;}
.downlist li a .con .cons{color:#999; display:block; line-height:200%; padding-top:6px;}
.downlist li a:hover .time{background:#33458E;}
.downlist li a:hover .day,.downlist li a:hover .date{color:#FFF;}
.downlist li a:hover .tit{color:#EC0000;}

#files{padding:20px; background:#EEE; margin-top:30px;}

#job_tit{background:#33458E; color:#FFF; font-weight:bold; font-size:14px; height:40px; line-height:40px; margin-top:20px;}
.job1{display:inline-block; padding-left:20px; float:left; width:330px;}
.job2{float:left; width:110px; text-align:center;}
.job3{float:left; width:160px; text-align:center;}
.job4{float:left; width:125px; text-align:center;}
.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;}

#back{background:#EEE; text-align:center; padding:5px 0; cursor:pointer;}
#back svg{width:50px; height:50px; fill:#666; display:inline-block; vertical-align:middle; transition:all ease 0.35s;}
#back span{display:inline-block; overflow:hidden; width:0; vertical-align:middle; white-space:nowrap; transition:all ease 0.35s;}
#back:hover span{width:52px; color:#D90000; font-size:13px;}
#back:hover svg{fill:#D90000;}

#float{width:60px; position:fixed; right:1px; bottom:150px; z-index:999;}
#f1{width:100%; height:100px; background:#cc0000; display:block; transition:all 0.25s;}
#f1:hover,#f1.A{background:#33458E;}
#f2{width:58px; height:0; overflow:hidden; display:block; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; transition:all 0.25s;}
#f2:hover{background:#ddd;}
#onlineS{width:118px; padding:15px; height:200px; position:absolute; left:-166px; top:0; background:#fff; display:none; border:1px solid #ddd; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#onlineS h2{display:block; color:#333; font-size:18px; padding:0 0 10px 0; border-bottom:1px solid #e6e6e6; margin:0;}
#onlineS div{font-size:15px; padding:10px 0 5px 0;}
#onlineS div a{color:#33458E;}
#onlineS div a:hover{color:#d90000 !important;}
#onlineS div img{margin:-3px 7px 0 0;}
#onlineS p{border-bottom:1px dashed #e6e6e6; padding-bottom:10px; font-size:13px;}
#onlineS p:last-child{border-bottom:0px none; padding-bottom:0;}
#footArr{position:absolute; right:-7px; top:42px;}