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:#fff;}
img{vertical-align: middle; border:none; max-width: 100%;}
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:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none;}
: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:1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ cursor: pointer; border: none;}
html,body{ width: 100%; height: 100%;}


.header{ height: 78px;}
.headleft{ float: left; padding-top: 18px;}
.language{ margin:0 0 12px -5px;}
.language a{ margin: 0 5px;}
.nav{ float: left; margin-left: -18px;}
.nav li{ float: left; height:30px; position:relative;}
.nav li a{ padding: 0 18px; font-size: 14px; display: inline-block; height: 20px; height: 29px;}
.header .logo{ float: right; margin-top: 15px; font-size: 0;}
.nav li a:hover{ color: #002e91; border-bottom: 1px solid #002e91;}

.slide-box{ height: 600px; position: relative; overflow: hidden; z-index: 9;}
.slide-img li{ width: 100%; height: 600px; position: absolute; left: 0; top: 0;}

.iabout{ position: relative; z-index: 99; margin-top: -200px; margin-bottom: 80px;}
.about-bg{ background: url(../images/bg1.jpg) no-repeat center top; width: 400px; height: 200px;}
.about-article{ color: #fff; padding:  22px 15px; text-align: center;}
.about-article h3{ font-size: 20px; margin-bottom: 20px; height: 24px; line-height: 24px; overflow: hidden;}
.about-article h3 a{ color: #fff;}
.about-article .intro{ line-height: 24px; height: 72px; overflow: hidden; font-size: 14px; margin-bottom: 16px;}
.about-article .detail{ background: url(../images/icon1.png) no-repeat; width: 30px; height: 30px; display: block; margin: 0 auto; transition:all 0.5s ease 0s;}
.about-article:hover .detail{ transform:rotate(360deg)}
.about-article h3 a:hover{ text-decoration: underline;}
.iabout-list li{ float: left; } 
.iabout-list li img{ width:400px; height:200px; overflow:hidden; transition:all 1s ease 0s;}
.iabout-list li .about-pic{ width:400px; height:200px; overflow:hidden;}
.about-pic:hover img{ transform:scale(1.1,1.1)}
.i-cloumn{ text-align: center; margin-bottom: 30px;}
.i-cloumn h3{ font-size: 35px; color: #cbd0e3; font-family: arial; margin-bottom: 10px;}
.i-cloumn h4{ color: #063598; font-size: 20px; height: 13px; border-top: 1px solid #043396; width: 247px; margin: auto;}
.i-cloumn h4 span{ background: #fff; display: inline-block; padding: 0 20px; position: relative; top: -16px;}

.i-product{ margin-bottom: 90px;}
.prolist{ position: relative; overflow: hidden; width: 1200px;}
.proul li{ float: left; width: 360px; text-align: center; margin-right: 60px;}
.proul li h3{ font-size: 16px; margin-bottom: 6px;}
.proscroll{ height: 307px; position: relative; overflow: hidden; margin-bottom: 30px;}
.pro-img{ margin-bottom: 15px;}
.proul{ position: absolute; left: 0; top: 0; width: 200%;}
.proul li .intro{ line-height: 24px; height: 72px; overflow: hidden;}
.proul li h3 a:hover{ color: #043396;}

.pbtns{ text-align: center;}
.pbtns a{ background: url(../images/icon2.png) no-repeat; width: 50px; height: 30px; display: inline-block; margin: 0 10px;}
.pbtns .lbtn{ background-position: 0 -31px;}
.pbtns .rbtn{ background-position: -71px 0;}
.pbtns .lbtn:hover{ background-position: 0 0 ;}
.pbtns .rbtn:hover{ background-position: -71px -31px ;}

.ptxt{ padding: 0 25px; line-height: 24px; font-size: 14px; text-align: center; color: #333; margin-bottom: 40px;}
.links{ overflow: hidden;}
.links-list{ width: 1300px;}
.links-list li{ float: left; margin-right: 24px;}
.links-list li img{ border: 1px solid #e6e5e5;}
.links-list li:hover img{ border-color: #043396;}
.ourclient{ margin-bottom: 70px;}

.footer{ background: url(../images/icon3.png) repeat; min-height: 232px;}
.bmenus{ float: left; padding: 25px 45px 0;}
.bmenus dt{ color: #fff; font-size: 14px; margin-bottom: 15px;}
.bmenus dd a,.bmenus dd{ color: #e4e3e3;}
.bmenus dd{ margin-bottom: 8px;}
.bt{ text-align: center; color: #fff; padding: 16px 0; background: url(../images/icon4.png) repeat-x center top;}
.bt a{ color: #fff;}
.mb25{ margin-bottom: 25px;}
.bmenus dd a:hover{ text-decoration: underline;}

.banner{ height: 195px;}
.left-side{ width: 260px; float: left; background: #f2f2f2; margin-top: -80px;}
.l-cloumn{ width: 260px; height: 80px; line-height: 80px; background: #002e91; color: #fff; text-align: right; margin-bottom: 5px;}
.l-cloumn span{ font-size: 30px; background: url(../images/icon5.png) no-repeat left; padding-left: 25px; margin-right: 20px; }
.menus { padding-bottom: 60px;}
.menus li{ height: 80px; text-align: right; border-bottom: 1px solid #cecece;}
.menus li a{ display: table-cell; vertical-align: middle; height: 80px; width: 260px; font-size: 16px; letter-spacing: 2px;}
.menus li a span{ background: url(../images/icon6.png) no-repeat right; padding-right: 24px; margin-right: 18px; display: inline-block;}
.menus li a:hover,.menus li .hover{ background: #002e91; color: #fff;}
.menus li a:hover span,.menus li .hover span{ background: url(../images/icon7.png) no-repeat right;}

.main{ width: 900px; float: right;}
.bread{ height: 48px; line-height: 48px; border-bottom: 1px solid #e5e5e5; text-align: right; letter-spacing: 2px;}
.bread a{ color: #666;}
.box{ overflow: hidden; padding-bottom: 40px;}
.article{ min-height: 400px; overflow: hidden; padding: 30px 5px; line-height: 24px;}
.article img{ max-width: 100%;}
.list{ min-height: 400px;}
.biao{ color: #002e91; font-size: 16px; padding: 34px 0 0 38px; margin-bottom: 20px;}
.product-list{ padding: 0 38px; margin-bottom: 30px;}
.product-list li{ float: left; width: 50%; margin-bottom: 7px;}
.product-list li a{ background: url(../images/icon8.png) no-repeat 0 3px; padding-left: 18px;}
.product-list li a:hover{ color: #002e91; text-decoration: underline; background-position: 0 -21px;}

.big{ text-align: center; padding-top: 30px;}
.big img{ padding: 2px; border: 1px solid #e6e5e5;}
.fts{ color: #333; font-size: 16px; text-align: center; padding-top: 15px;}
.ptags{ background: url(../images/icon9.png) repeat-x; height: 40px; line-height: 40px; margin-top: 40px; font-size: 16px;}
.ptags a{ float: left; width: 100px; text-align: center;}
.ptags a:hover,.ptags .on{ background: url(../images/icon10.png) repeat-x; color: #fff;}
.tagcon{ padding: 30px 0 0 0; min-height: 200px; line-height: 24px; display: none; overflow: hidden;}

.ln{ width: 100%; margin-bottom: 30px;}
.ln li{ margin: 40px 0px 0 0; width:50%;}
.ln li h3{ line-height: 20px;    font-size: 14px;}
.ln li h3 a:hover{ color: #002e91;}

.news-list{ margin: 28px 0 40px;}
.news-list li{ height: 89px; overflow: hidden; margin-bottom: 10px;}
.time{ width: 99px; height: 89px; background: #eaeaea; float: left; text-align: center; color: #333;}
.time span{ font-size: 25px; display: inline-block; margin-top: 15px;}
.time p{ font-size: 14px;}
.newsr{ float: left; width: 780px; margin-left: 20px;}
.newsr h3{ font-size: 16px; padding-top: 6px; margin-bottom: 5px;}
.newsr .intro{ line-height: 24px; height: 48px; overflow: hidden;}
.news-list li:hover .time{ background: #002e91; color: #fff;}
.news-list li:hover a,.news-list li:hover .intro{ color: #002e91;}

.pc{ text-align: center;}
.pages{ display: inline-block; overflow: hidden;}
.pages a{ width: 30px; height: 31px; line-height: 31px; text-align: center; float: left; margin: 0 4px;}
.pages .s{ background: url(../images/icon11.jpg) no-repeat; width: 91px; height: 37px; float: left;}
.pages .x{ background: url(../images/icon12.jpg) no-repeat; width: 91px; height: 37px; float: left;}
.pages .cur{ background: url(../images/icon13.png) no-repeat; color: #fff;}

.atitle{ text-align: center; padding-top: 24px; background: url(../images/icon14.png) no-repeat center bottom; padding-bottom: 24px;}
.atitle h1{ font-size: 20px; color: #276bbe; margin-bottom: 12px;}
.data span{ margin: 0 15px;}


.subnav{ position:absolute; left:0px; top:30px; background:#000; opacity:.8; height:auto; width:100%; display:none; z-index:99999999999; filter:alpha(opacity=80) }
.nav_inner{ width:1200px; margin:0 auto; overflow:hidden; }
.menu_inner{ border-bottom:1px dashed #d0d0d0; padding:30px 0;}
.menu_inner .menu_left{ width:50%; float:left;  box-sizing:border-box; padding:0 30px; margin-bottom:20px;}
.menu_inner .menu_right{ width:50%; float:left; padding-left:60px;box-sizing:border-box;}
.menu_inner h3{ font-size:14px; color:#fff; height:35px; line-height:35px; font-weight:normal;}
.menu_inner .menu a{ width:50%; float:left; display:block; height:24px; line-height:24px; margin:0; overflow:hidden; font-size:12px; padding-right:4px; box-sizing:border-box; color:#fff;}
.menu_inner .menu a:hover{ color:#fff; border:none; text-decoration:underline;}
.cur .subnav{ display: block;}