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

*{font-family:"微软雅黑","宋体",Arial;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}  
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}  
table{}  
caption,th{text-align:left;font-weight:normal;}  
html,body,fieldset,img,iframe,abbr{border:0;}  
i,cite,em,var,address,dfn{font-style:normal;}  
[hidefocus],summary{outline:0;}  
li{list-style:none;}  
h1,h2,h3,h4,h5,h6,small{font-size:100%;}  
sup,sub{font-size:83%;}  
pre,code,kbd,samp{font-family:inherit;}  
q:before,q:after{content:none;}  
textarea{overflow:auto;resize:none;}  
label,summary{cursor:default;}  
a,button{cursor:pointer;}  
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}  
del,ins,u,s,a,a:hover{text-decoration:none;}  
body,textarea,input,button,select,keygen,legend{font:14px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}  
body{background:#fff;}
a{color:#333;}
a:hover{color:#284E97;text-decoration: none; /*transition:all .5s*/ ease-out 0s;}
.w1000{width:980px; padding:10px; margin:auto; background-color:#FFF;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.main{margin: 0 auto; width: 1200px;}
.b5{height:5px;}.b10{height:8px;}.b8{height:8px;}.b15{height:15px;}.b20{height:20px;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size:16px;}
.more{width:80px;height:18px; float:right; margin-top:12px; background:url(../images/more.jpg) no-repeat;}
.time{color:#999}
a:hover img{filter:alpha(opacity=60);  /* IE */ -moz-opacity:0.6;  /* Moz + FF */ opacity: 0.6;}

/*headcss*/
.head{width:100%;height:100px; position:fixed; top:0; left:0; background:url(../images/top.png) left top repeat-x;z-index:99;}
.logo{float:left; width:385px;}
.logo img{height: 64px; margin-top:20px;}

.nav{width:740px; height:34px; line-height:34px; float:right; margin-top:33px;}
.nav a{ color:#040000;  }
.nav .nLi{ float:left; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; width:105px; text-align:center; font-weight:400; font-size:16px;}
.nav .sub{ display:none; position:absolute; left:0; top:100px; width:100%; height:300px;  background:#005051;}
.nav .on h3 a{ background:#005051; color:#fff;   }
.nav .sub ul{width:1170px; margin:auto; position:relative;}
.nav .sub ul li{display:block; width:161px; height:220px; float:left; margin-left:30px; margin-top:42px;}
.nav .sub ul li:first-child{margin-left:0px;}
.nav .sub ul li 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;}
.nav .sub ul li span{display:block; color:#FFF; font-size:13px; padding-top:12px; transition:all ease 0.35s;}
.nav .sub ul li p{line-height:160%; color:rgba(255,255,255,.4); color:#387677; transition:all ease 0.35s;}
.nav .sub ul li a:hover>img{border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.2);}
.nav .sub ul li a:hover>span{color:#FFCC00;}
.nav .sub ul .menu{position:absolute; width:188px; right:0; top:30px; border-top:1px solid rgba(255,255,255,.1);background:none;}
.nav .sub ul .menu a{display:block; padding:3px 0 4px 10px; color:#FFF; font-size:13px; border-bottom:1px solid rgba(255,255,255,.1); transition:all ease 0.3s;}
.nav .sub ul .menu a:hover{background:rgba(255,255,255,.1); padding:3px 0 4px 15px; color:#FFCC00;}
/*headcss*/

/*banner css*/
.flexslider{position:relative;height:700px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:700px;}
.flex-control-nav{position:absolute;bottom:0; height:30px; line-height: 30px; background: url(../images/olbg.png); z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:48px;height:11px; margin:5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:48px;height:11px;line-height:12px;overflow:hidden;color:#3aa1a2;background:url(../images/dots.png) 0 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{color:#f6de14;background-position:right 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:66px;text-indent:9999px;height:66px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:140px;background:url(../images/left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:140px;background:url(../images/right.png) center center no-repeat;}
/*banner*/

/*one*/
.one{height:103px;padding-top:20px;margin-bottom:28px;background:url(../images/line.jpg) left bottom repeat-x;}
.one .fl{line-height:38px;font-size:17px;}.one .fl a{display:inline-block; font-size:15px; margin-right:10px;}
.one .fr form{width:295px;height:38px; background:url(../images/search.jpg) left center no-repeat;}
.one .fr .str{width:243px;height:36px;display:inline;float:left;line-height:36px;border:#d4d4d4 1px solid; border-right:0; border-top-left-radius:3px;border-bottom-left-radius:3px; font-size:12px;background:none;}
.one .fr .submit{width:45px;height:38px;border:0;display:inline;background:none;float:right;cursor:pointer;}
.tz{margin-top:10px;border-top:#ededed 1px dashed;}
.tz .fl{width:90px;padding-left:37px;line-height:50px;font-size:18px;color:#005051;background:url(../images/lb.jpg) left center no-repeat;}
.tz .fr{width:1070px;}
.txtMarquee-left{ position:relative;}
.txtMarquee-left .hd{ width:33px  height:25px; position:absolute; top:13px; right:0;}
.txtMarquee-left .hd .prev,.txtMarquee-left .hd .next{ display:block;  width:15px; height:25px; float:right; margin-right:5px; overflow:hidden; cursor:pointer; background:url(../images/lr.jpg) left center no-repeat;}
.txtMarquee-left .hd .next{ background:url(../images/lr.jpg) right center no-repeat;  }
.txtMarquee-left .bd{width:990px; padding:13px; }
.txtMarquee-left .bd .tempWrap{ width:425px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{margin-left:45px; color:#999;  }

/*two*/
.two{height:370px;margin-bottom:28px;}
.menu{height:44px; line-height:40px; background:url(../images/menu.jpg) left top no-repeat;}
.menu .fl{margin-left:18px;font-size:21px;color:#FFF;}.menu .fl span{font-size:14px;margin-left:5px;}
.twol{width:758px;float:left;}
.twor{width:418px;float:right;}
.twol .menu,.twor .menu,.four .menu,.six .menu{margin-bottom:10px;}
.twobl,.twobr{height:285px;padding:15px;border-left:#eee 1px solid; border-top:#eee 1px solid; background:url(../images/bk.jpg) right bottom no-repeat;}
.pnews{width:285px;height:255px;float:left;border:#eee 5px solid;position:relative;}
.pnews .hd{width:33px  height:25px; position:absolute; bottom:8px; right:0;}
.pnews .hd .prev,.pnews .hd .next{ display:block;  width:15px; height:25px; float:right; margin-right:5px; overflow:hidden; cursor:pointer; background:url(../images/lr.jpg) no-repeat;}
.pnews .hd .next{ background-position:-18px 0;  }
.pnews .bd ul{ overflow:hidden; zoom:1; }
.pnews .bd ul li{float:left; _display:inline; overflow:hidden; }
.pnews .bd ul li .pic{ text-align:center; border-bottom:#eee 5px solid;}
.pnews .bd ul li .pic img{ width:285px; height:210px; display:block;}
.pnews .bd ul li .title{ line-height:38px; text-indent:15px;  }

.news{width:410px;float:right;}
.news .hd{ height:34px; line-height:34px; position:relative; }
.news .hd ul{position:absolute; height:34px;}
.news .hd ul li{ float:left; padding:0 15px; margin-right:15px; cursor:pointer; background:#eee }
.news .hd ul li.on{ background:#d6e3e3;  }
.news .bd ul{zoom:1; margin-top:10px; }
.news .bd li{padding:5px 5px 5px 15px; height:24px; line-height:24px; background:url(../images/d.jpg) left center no-repeat;}
.news .bd li .date{ float:right; color:#999;  }

.twobr img{width:385px;}
.jj{margin-top:15px;line-height:25px;font-size:15px;text-indent:2em;}

/*three*/
.three{height:335px;margin-bottom:28px;background:#f6f6f6;}
.threel{width:670px;height:290px;float:left;margin:25px auto auto 15px;overflow:hidden;}
.threel .hd{ height:60px; line-height:60px; position:relative; }
.threel .hd ul{position:absolute; height:60px;   }
.threel .hd ul li{ float:left; width:200px; margin-right:35px; font-size:20px; text-indent:84px; cursor:pointer; color:#fff; background-color:#408182; background-repeat : no-repeat;background-position : 38px center }
#sb{background-image:url(../images/sb.png); border-bottom-left-radius:30px;border-top-left-radius:30px;}
#gc{background-image:url(../images/gc.png);}
#sd{margin-right:0;background-image:url(../images/sd.png); border-bottom-right-radius:30px;border-top-right-radius:30px;}
.threel .hd ul li.on{background-color:#d6e3e3 }
.threel .bd .picList{margin-top:35px;}
.threel .bd ul{zoom:1;  }
.threel .bd li{ float:left; width:200px; height:172px; margin-right:35px; }
.threel .bd li img{ width:200px; height:172px;}

.threer{width:415px; height:300px;float:right;margin-top:20px;}
.tel{margin-left:66px;padding-left:34px;height:28px;line-height:28px;font-size:14px;color:#3b8081;background:url(../images/kf.jpg) left center no-repeat;}
.tel span{display:inline-block;margin-left:5px;font-size:28px;color:#333;}

/*four*/
.four{height:496px; margin-bottom:28px;}
.SOLUTION{height:408px;padding:15px;border-left:#eee 1px solid; border-top:#eee 1px solid; background:url(../images/bk.jpg) right bottom no-repeat;}
.SOLUTION li{width:356px;float:left;margin-right:50px;}
.SOLUTION .nom{margin-left:0;margin-right:0;}
.SOLUTION li img{width:356px;height:280px;}
.SOLUTION li .title{line-height:38px;font-size:18px;color:#333;text-align:center}
.SOLUTION li p{line-height:25px;font-size:15px;color:#8d8d8d;}

/*five*/
.five{height:375px;margin-bottom:28px;background:#f6f6f6;}
.case{padding:15px;width:1170px;margin:0 auto;}
.case li{width:365px;height:150px;float:left;margin-right:37px;}
.case li:nth-child(1),.case li:nth-child(2),.case li:nth-child(3){margin-bottom:50px;}
.case li:nth-child(3),.case li:nth-child(6){margin-right:0;}
.case li img{width:136px;height:136px;float:left;margin-right:10px;border:#fff 5px solid;}
.case li .title{line-height:38px;font-size:17px;}
.case li .des{line-height:26px;font-size:14px; color:#858585;}

/*six*/
.six{height:430px;margin-bottom:28px;}
.PRODUCT{height:345px;padding:15px;border-left:#eee 1px solid; border-top:#eee 1px solid; background:url(../images/bk.jpg) right bottom no-repeat;}
.PRODUCT li{width:262px;float:left;margin-right:40px;}
.PRODUCT .nom{margin-right:0;}
.PRODUCT li img{width:252px;height:185px; border:#eee 5px solid;}
a:hover img{border-color:#d6e3e3;}
.PRODUCT li .title{line-height:36px;font-size:15px;text-align:center;}
.PRODUCT li .des{line-height:24px;font-size:13px;color:#858585;}
.PRODUCT li .xq{display:block;height:50px;margin-top:12px;line-height:50px;text-align:center;font-size:16px;color:#005051;background:#c5e4e4;}
.PRODUCT li .xq:hover{color:#fff;background:#015c5d;}

/*友情链接*/
.link{padding:20px 0; border-top:#f3f3f3 1px solid;}
.link ul{padding-left:35px;width:1165px;margin:0 auto;}
.link ul .bt{width:100%;line-height:38px;font-size:22px;color:#005051;}.link ul .bt span{margin-left:5px;font-size:14px;}
.link ul li{display:inline-block;margin-right:15px;}

/*内页css*/
.banner{height:440px;background:url(../images/nbanner.jpg) center top repeat-x;}

#main{width:1180px; padding:0 10px; margin:60px auto 80px auto; min-height:360px;}
#main:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

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

.text{line-height:200%; font-size:15px;}
.text p,.text div{margin-bottom:20px;}
.text img{max-width:100%; margin:20px 0;}
#dituContent{display:block;width:1178px;height:550px;border:#ccc solid 1px;}

#pager{padding-top:10px; margin-top:10px; text-align:center; font-size:13px !important;}
.pageshow span,.pageshow a{display:inline-block; margin-right:10px; padding:8px; border:#eee 1px solid; border-radius:3px;}
.pageshow .current{color:#fff;background:#0E5A5A; border:none; border-radius:3px;}


#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 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 li{width:340px; height:415px; float:left; margin:25px; overflow:hidden; position:relative;}
#product li.clear{float:none; width:100%; clear:both; height:1px; 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:#005051; 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; line-height:26px; color:#fff;}
#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:rgba(0,80,80,0.3); top:0;}
#product li>div:hover>p{bottom:0;}
#product li>div:hover>p a{background:#eee; color:#005051}
#product li>div>p a:hover{background:#FC0; 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_side,{padding:0; margin:0; list-style:none; zoom:1;}
.prolist_side li{height:40px; line-height:40px; padding-left:30px; margin-bottom:15px; border-radius:3px; background:#eee; zoom:1; overflow:hidden;}
.prolist_side li span.close{display:block; float:right; background:url(../images/d.png) no-repeat left center;  width:20px; height:40px;}
.prolist_side li a{color:#005051}
.prolist_side li:hover,.prolist_side li:hover a{color:#fff; background:#005051;}


#proList{width:840px;}
#proList li{float:left; width:232px; margin:20px 25px 20px 20px;}
#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 #005051; box-shadow:3px 3px 12px rgba(0,0,0,0.1);}
#proList li a:hover span,#proList li a:active span{padding-left:10px;}

.left{width:650px; float:left;margin-top:20px;}
.right{width:510px;float:right;margin-top:20px;}

.picBtnTop{ width:500px; height:600px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:98px;  height:600px; position:absolute; right:5px; overflow:hidden; }
.picBtnTop .hd ul li{ width:93px; text-align:center; padding:0 0 5px 5px;  }
.picBtnTop .hd ul li img{ width:85px; height:127px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
.picBtnTop .hd ul li.on{ background:url(../images/icoleft.gif) no-repeat 0 center; }
.picBtnTop .hd ul li.on img{ border-color:#13bcbe;  }
.picBtnTop .bd{ width:400px;  height:600px; position:relative;  }
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
.picBtnTop .bd li .pic img{ width:400px; height:600px; vertical-align:bottom; }
.picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }

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

/*messages*/
.form{width:570px;margin:20px auto auto;padding:20px 10px;border:1px solid #E4E4E4;}
.h1{text-align:center;font-size: 25px;padding: 0px 0px 10px 40px;display: block;border-bottom:1px solid #E4E4E4;color: #888;}
.messages{padding:15px 0;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist {height:30px;margin-bottom:10px;}
.messlist label{float:left;width:100px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;}
.messlist input{float:left;width:300px;height:28px;padding-left:5px;border:#ccc 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:400px; height:110px;padding:5px;border:#ccc 1px solid;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#f60;color:#fff;}
#label0,#label1,#label2,#label3,#label4,#label5,#label6,#label7,#label8,#label9,#label10,#label11,#label12{display:none;color:#0aa770;height:28px;line-height:28px;}

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


/*bottom*/
.bottom{height:192px; padding:30px 0 10px 0; color:#fff; background:url(../images/fbg.jpg); }
.bottom a{color:#fff;}
.foot{width: 1200px; margin: auto;}
.dh{width:890px; float:left;}
.dh li{width:110px; float:left; padding-left:35px; font-size:18px; font-weight:599; display:inline;}
.dh li a{color:#fff;}
.dh li .child{font-size:14px;font-weight:400; margin-top:10px;}
.child p{height:26px; line-height:26px;}
.child p a{color:#fff;}
.ewm{width:260px; float:right; margin:30px auto auto; display:inline; font-size:14px;}
.ewm .rx{font-size:16px;}
.ewm .num{font-size:26px; font-weight:800; color:#A72323; line-height:40px;}
.wx{width:117px; float:left;}.mr3{margin-right:25px;}
.wx img{width:117px; margin-bottom:10px;}
.wx p{text-align:center;}


.last{background:#f3f3f3;}
.copy{width:1200px; padding:20px 0; margin:auto; font-size: 15px; line-height: 35px; color:#005051;}.copy a{color:#005051;}
.copy .fl{padding-left:35px;background:url(../images/tb.jpg) 5px center no-repeat;}
.copy .fr{margin-top:0px;line-height:35px;text-align:right;}
/*bottom*/