@charset "utf-8";
/* CSS Document */
html{background:#edf4fd;/* 10÷16=62.5% */overflow-x:hidden;}
body{ /* 12÷10=1.2 *//*font-size:64.5%;*//*font-family:"\5FAE\8F6F\96C5\9ED1", SimSun;*/background-color:#edf4fd;color: #444;font-family:'Microsoft YaHei',SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma,Arial, Helvetica, sans-serif;font-size: 1em;}
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset{margin:0px;padding:0px;color: #323232; -webkit-font-smoothing: subpixel-antialiased;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
fieldset,img{border:0;}
img,object{max-width:100%;/*height:auto;*/width:auto\9;/* for ie8 */-ms-interpolation-mode: bicubic;}
a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration:none;color: #333;}
a:hover,a:hover i{color: #ff8d23;text-decoration: none;
   transition: all .5s ease;
 -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;}
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
strong{font-weight: 900}
ul,ol,li{list-style:none outside none;}
.tc{text-align:center !important;}
.tl{text-align:left  !important;}
.tr{text-align:right  !important;}
.fwn{font-weight:normal;}
.fwb{font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';content:none;}
input,textarea,select{font-weight:inherit;}
input,select,textarea,button {vertical-align:middle}
.pa{position:absolute;}
.pr{position:relative;}



.topicInfo li{transtion:all 1s ease 0s}
/*头部样式*/
.wrap_header{ width:100%;z-index:999;border-bottom: 7px solid #004da2;overflow: hidden;}
.header{ width:1200px; margin:0 auto 20px;position:relative;}
.logo{width: 100%;text-align: center;}

.logo .logo_01 img{padding-top: 16px;opacity: 1;transition: all 0.5s ease;}
.logo .logo_01:hover img{opacity: 0.8}

.content{width: 1200px;margin: 30px auto;overflow: hidden;}

.serviceBigTitle{text-align: center;overflow: hidden;margin-bottom: 20px;}
.serviceBigTitle h2{color:#004da2;font-size: 30px;letter-spacing: 2px;}

.serviceBox{overflow: hidden;margin-bottom: 30px;border-bottom: 1px solid #e1e1e1;padding-bottom: 30px;}
.serviceTitle{overflow: hidden;margin-bottom: 18px;}
.serviceTitle h3{float: left;border-bottom: 2px solid #ff8d23;padding-bottom: 5px;color:#ff8d23;font-size: 18px;}
.serviceTitle a.more{float: right;color:#004da2;font-size: 14px;padding-right: 25px;background: url(../images/more.png) no-repeat center right;}
.serviceTitle a.more:hover{color:#ff8d23;}

.serviceList{overflow: hidden;}
.serviceList li{width: 25%;float: left;margin-bottom: 0;overflow: hidden;display: table;height: 50px;}
.serviceList li a{display: block; color:#2c65bb;font-size: 15px;font-weight: bold;padding-right: 15px;display: table-cell;vertical-align: middle;}
.serviceList li a:hover{color:#00a0e9;}


.wrap_footer{width: 100%;background: #004da2;overflow: hidden;}
.footer{width: 1200px;overflow: hidden;margin:0 auto;padding:20px 0;}

.copyRight{text-align: center;overflow: hidden;height: 55px;line-height: 55px;width: 820px;margin: 0 auto;}
.copyRight a{float: left;}
.copyRight span{color:#fff;float: left; font-size: 15px;margin-left: 3%;}



@media screen  and (max-width:1200px) {
 .header,.content,.footer{width:90%; }
 .copyRight{height: auto;line-height: 20px;width: 100%;}
 .copyRight a,.copyRight span{float: none;display: block;font-size: 12px;}
 .serviceList li{width: 33.33%;}
 .serviceBigTitle h2{font-size: 24px;}
 .serviceTitle h3{font-size: 16px;}
 .serviceList li a{font-size: 13px;}
}



@media screen  and (max-width:800px) {
  .serviceList li{width: 50%;}
  .wrap_header{border-bottom: 4px solid #004da2}
  
}

@media screen and (max-width:640px) {
 .serviceList li{width:100%;height: auto;display: block;margin-bottom: 14px;}
 .serviceList li:last-child{margin-bottom: 0}
}
