body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB'; color:#666; background: url(../images/bg1.jpg) no-repeat center top;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap{ width:1024px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
.fr{ float: right;}
.fl{ float: left;}

.gomail i,.nav li a:hover,.tel i,.slide-btn li,.i-cloumn span,.iplay span i,.bway i{ background: url(../images/icon1.png) no-repeat; display: inline-block; -vertical-align: middle;}
.container{ background: url(../images/bg2.png) repeat-y; width: 1046px; height: 100%; margin: auto; overflow: hidden;}
.innerbox{ width: 1000px; margin: auto; overflow: hidden;}
.header{ background: url(../images/bg3.png) repeat-x; height: 105px; width: 1020px; margin: auto; position: relative;}
.header .logo{ float: left; margin: 24px 0 0 12px; font-size: 0;}
.gomail{ float: right; color: #5d5d5d; margin:66px 15px 0 0; text-decoration: underline;}
.gomail i{ background-position: -37px -73px; width: 13px; height: 10px; margin-right: 5px;}
.language{ position: absolute; top: 40px; right: 10px;}
.language a{ color: #0053a5; margin: 0 5px;}

.navbar{ background: url(../images/bg4.png) no-repeat center top; height: 42px; width: 1000px; margin:0 auto 10px;}
.nav{ float: left;}
.nav li{ float: left; width: 132px; background: url(../images/icon2.png) no-repeat right 1px; padding-right: 2px; text-align: center;}
.nav li a{ display: block; font-size: 14px; width: 117px; margin: auto; height: 42px; line-height: 42px;}
.nav li a:hover{ background-position: 0 -30px; color: #fff;}
.tel{ float: left; color: #2099e0; font-size: 16px; margin: 9px 0 0 30px;}
.tel i{ background-position: -98px -14px; width: 13px; height: 13px; margin-right: 5px;}

.slide-box{ border: 1px solid #d0cfcf; padding: 1px; position: relative; height: 326px; margin-bottom: 10px;}
.slide-img li{ position: absolute; left: 1px; top: 1px; width: 996px; height: 326px;}
.slide-btn{ position: absolute; right: 15px; bottom: 15px;}
.slide-btn li{ float: left; margin-left: 10px; background-position:-20px -73px; width: 12px; height: 12px; cursor: pointer;}
.slide-btn .on{ background-position: 0 -73px;}

.layout{ margin-bottom: 20px;}
.iabout,.ishow{ float: left; width: 680px; overflow: hidden;}
.i-cloumn{ background: url(../images/bg5.png) repeat-x; height: 30px; border: 1px solid #dfdede; margin-bottom: 10px;}
.i-cloumn span{ font-size: 14px; color: #fff; background-position: 0 0; width: 92px; height: 30px; text-align: center; line-height: 30px; float: left;}
.iabout-pic{ float: left; padding: 1px; border: 1px solid #dfdede;}
.iabout-r{ float: left; width: 375px; margin-left: 17px; line-height: 24px;}
.iabout-r .intro{ height: 144px; overflow: hidden; margin-bottom: 4px;}
.iabout-r .more{ color: #1393de;}
.more1{ float: right; color: #b7b7b7; margin:6px 10px 0 0;}

.playerbox,.idea{ float: right; width: 302px;}
.iplay{ background: url(../images/bg6.png) no-repeat; width: 302px; height: 32px; line-height: 32px; margin-bottom: 10px;}
.iplay span{ font-size: 14px; color: #fff; float: left; margin-left: 10px;}
.iplay span i{ background-position: -98px 0; width: 16px; height: 10px; margin-right: 5px;}

.ishow{ height: 331px; overflow: hidden;}
.ishow-list{ width: 700px;}
.ishow-list li{ float: left; padding: 1px; border: 1px solid #dfdede; margin: 0 11px 11px 0;}
.ishow-list li a{ display: block; position: relative; overflow: hidden; background: #000;}
.ishow-txt{ position: absolute; left: 0; top:40px; text-align: center; width: 100%; color: #fff; z-index: 99;}
.ishow-txt dt{ font-size: 22px; margin-bottom: 2px;}
.ishow-txt dd{ font-size: 16px;}
.shade{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.45; filter:alpha(opacity=45); z-index: 9;
opacity: 0; filter:alpha(opacity=0); -webkit-transform:scale(0.2); -ms-transform:scale(0.2);transform:scale(0.2); -webkit-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;

}
.ishow-list li a img{ opacity: 0.7; filter:alpha(opacity=70);}
.ishow-list li a:hover img{ opacity: 1; filter:alpha(opacity=100);}
/*.ishow-list li a:hover .shade{ opacity: 0.45; filter:alpha(opacity=45); -webkit-transform:scale(1); -ms-transform:scale(1);transform:scale(1);}*/
.links-box{ width: 1000px; overflow: hidden; height: 58px; position: relative;}
.links-pic{ width: 200%; position: absolute; left: 0; top: 0; height: 35px; overflow: hidden;}
.links-pic li{ float: left; margin-right: 10px; border: 1px solid #dfdede;}
.links-pic li:hover{ border-color: #1393de;}

.footer{ background: url(../images/bg7.png) repeat-x; height: 162px; color: #e9e9e9;}
.footer a{ color: #e9e9e9;}
.bway{ float: left; padding: 40px 0 0 10px;}
.bway p{ margin-bottom: 6px;}

.bway i{ margin-right: 6px; vertical-align: middle;}
.bway .address i{ background-position: -122px 0; width: 12px; height: 14px;}
.bway .btel i{ background-position: -122px -26px; width: 12px; height: 12px;}
.bway .fax i{ background-position: -122px -49px; width: 12px; height: 12px;}
.bway .copy i{ background-position: -122px -74px; width: 12px; height: 14px;}

.br{ float: right; padding: 72px 10px 0 0; *width:215px;}
.sto{ margin: 4px 4px 0 0;}
.sto,.bdsharebuttonbox{ float: right;}
.blinks{ margin-right: -4px;}
.blinks a{ margin: 0 9px;}
.share{ margin-bottom: 10px; overflow: hidden;}
.more1:hover,.gomail:hover{ color: #1393de;}
.iabout-r .more:hover{ text-decoration: underline;}
.blinks a:hover{ text-decoration: underline;}
.banner{ margin-bottom: 40px;}

.left-side{ width: 260px; float: left;}
.l-cloumn{ background: url(../images/bg8.png) no-repeat; width: 260px; height: 50px; line-height: 50px;}
.l-cloumn h3{ color: #fff; font-size: 18px; padding-left: 15px;}
.l-cloumn h3 span{ font-size: 12px; margin-left: 5px;}
.menus li a{ background: url(../images/bg9.png) no-repeat 0 -42px; height: 42px; font-size: 14px; padding-left: 15px; display: block; line-height:42px;}
.menus li a:hover,.menus li .hover{ background-position: 0 0; color: #0053a5;}

.main{ width: 700px; float: right;}
.m-cloumn{ height: 26px; background: url(../images/icon4.png) repeat-x bottom; padding-bottom: 5px;}
.stitle{ font-size: 16px; color: #0053a5; background: url(../images/icon3.png) no-repeat left; padding-left: 10px; float: left; margin-left: 10px;}
.bread{ float: right; padding: 2px 10px 0 0;}
.bread span{ color: #0053a5;}
.box{ overflow: hidden; padding-bottom: 40px;}
.article{ line-height: 24px; min-height: 400px; overflow: hidden; padding: 30px 10px;}
.article img{ max-width: 100%;}

.list{ min-height: 400px;}
.case-list{ width: 730px; margin-bottom: 40px;}
.case-list li{ float: left; margin: 20px 20px 0 0; width: 220px;}
.case-list li a{ display: block; padding: 1px; border: 1px solid #dfdede;}
.case-list li h3{ height: 36px; line-height: 36px; overflow: hidden; background: #d2d2d2; text-align: center; font-size: 16px; width: 100%;}
.case-list li a:hover{ color: #0053a5;}

.pages{ text-align: center; padding:30px 0;}
.pages a{ font-size: 14px; display: inline-block; padding: 2px 6px; margin: 0 1px;}
.pages .cur{ color: #0053a5; text-decoration: underline;}
.pages a:hover{ color: #0053a5;}
.caoz{ overflow: hidden; text-align: center;}
.caoz a{ margin: 0 20px;}
.caoz a:hover{ color: #0053a5;}

.news-list{ margin-bottom: 40px;}
.news-list li{ height: 94px; margin-top: 30px;}
.newsPic{ float: left; padding: 1px; border: 1px solid #dfdede;}
.nr{ float: left; padding: 4px 0 0 10px; width: 530px;}
.nr h3{ font-size: 14px; height: 20px; overflow: hidden; margin-bottom: 3px;}
.time{ margin-bottom: 4px;}
.nr .intro{ line-height: 20px; height: 40px; overflow: hidden;}
.nr h3 a:hover{ color: #0053a5;}

/*0053a5*/

.atitle{ text-align: center; padding-top: 15px;}
.atitle h1{ font-size: 18px; color: #333; margin-bottom: 8px;}
.data span{ margin: 0 10px;}
.joinb{ min-height: 400px; padding-top: 30px;}

.jbox{ padding: 30px 0; min-height: 400px; margin-bottom: 20px;}
.join{ margin-bottom: 2px;}
.join dt{ height: 35px; line-height: 35px; background: #f2f2f2; position: relative; cursor: pointer;}
.sp1{ float: left; background: url(../images/icon5.png) no-repeat left; padding-left: 15px; margin-left: 20px; font-size: 14px; color: #333;}
.join dt i{ background: url(../images/icon7.png) no-repeat; width: 9px; height: 6px; position: absolute; right: 20px; top: 15px;}
.join dd{ padding: 15px 20px; line-height: 24px; display: none;}
.join .act i{  background: url(../images/icon6.png) no-repeat;}


.s td{ color: #666; padding: 10px 5px;}
.s .text,.s select{ width: 240px; height: 26px; line-height: 26px; padding: 0 5px; border: 1px solid #ccc;}
.s textarea{ width: 420px; height: 90px; resize:none; padding:5px; border: 1px solid #ccc;}
.s select{ width: 250px; padding: 2px 0;}
.s span{ position: relative; font-size: 12px; left: 8px; top: 2px;}
.s .btn{
	background: none;
	width: 100px;
    height: 31px;
   background: url(../images/btn.jpg) no-repeat;
}
.s .error{ color: #c00;}
.s .suss{ color: #79b22d;}
.code2{ margin-left: 10px;}
.tips{ background: url(../images/icon8.jpg) no-repeat 36px 0; height:68px; padding:0 0 20px 145px; line-height: 68px; margin: 0 0 0 20px; }
.tips p{ color: #333; font-size: 16px;}

.lkl{ position: static!important; margin-bottom: 40px;}
.lkl li{ float: left; border: 1px solid #dfdede; margin: 20px 20px 0;}



.pro{ padding-top:7px; margin-left:-46px;}
.pro li{ float:left; margin:34px 0 0 46px; width:190px; height:204px; border-bottom:2px solid #e6e5e5;}
.pro li .pro_div{width:188px; height:205px; border:1px solid #e6e5e5;}
.pro li .pro_div img{ width:188px; height:169px; overflow:hidden;}
.pro li .pro_div span{ height:34px; line-height:34px; background:#f2f2f2; display:block; text-align:center; font-size:12px; color:#333333; overflow:hidden;}
.pro li:hover .pro_div{ border:1px solid #0053a5;}
.pro li:hover span{ background:#0053a5; color:#fff;}
.pro li:hover {border-bottom:2px solid #0053a5;}

.pro_nav{ background:#f2f2f2; display:none;}
.pro_nav a{ width:50%; height:42px; line-height:42px; background:url(../images/dian.jpg) 17px center no-repeat!important; padding-left:27px!important; float:left; display:block; box-sizing:border-box; overflow:hidden; }
.pro_nav a:hover,.pro_nav a.on{background:url(../images/dian1.jpg) 17px center no-repeat!important; color:#004ea2; }