@charset "utf-8";     
/* reset */  
*{ box-sizing: border-box; margin:0; padding:0; font-weight: normal;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;
font-size: 14px;}  /* 初始化标签在所有浏览器中的margin、padding值 */  
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/  
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */  
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/  
input,select,textarea,button {vertical-align:middle; border:none; background:none;}  /* 重置表单控件垂直居中*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */  
body {background:#fff}   /* 重置body 页面背景为白色 */  
body,th,td,input,select,textarea,button {font-size:14px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */  
a {color:#666;text-decoration:none}  /* 重置链接a标签 */  
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */  
caption {display:none;}    /* 重置表格标题为隐藏 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */  
img{ display: block; max-width: 100%;}  /* 图片在当前行内的垂直位置 */  
select{ outline: none;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());} 
.bg-block{ height: 15px; background: #F5F5F5;}

.wrap{ max-width: 16rem; width: 100%;  margin:auto; overflow: hidden; position: relative; }

.wrap{ max-width: 640px; width:100%; margin:auto; overflow: hidden; }
header{ background: #223990; height:50px; position: relative; position: fixed; max-width: 640px; width: 100%;
z-index: 999; display: flex; justify-content: space-between; align-content: center;}
header .logo{  display: flex; align-items: center;  width: 80%; }
header .logo img{ height:35px; display: block; width: auto;}
.nav-btn{  display: flex; align-items: center; justify-content: center;}
.nav-btn img{ display: block; height: 26px; width: auto;}
.navbar{ position: fixed; top: 50px; width: 100%;  background:#fff;max-width: 640px; z-index: 3333; 
padding:20px 0;display: none;  border-top: 2px solid #e0e0e0;}

.navbar1{  top: 50px;}
.navbar li a{ display: block; text-align: center; color: #000; font-size: 16px;
padding:12px 0; border-bottom: 1px solid #F5f5f5; }
.navbar dl{ background: #223990; display: none;}
.navbar dl a{ display: block; font-size: 15px;}

#banner{ position: relative; padding-top: 50px;}
#banner .hd{ position: absolute; bottom: 20px; text-align: center; height: 10px; left: 0; width: 100%; z-index: 33;}
#banner .hd li{ display: inline-block; width: 10px; height: 10px;  margin:0 5px; background: #fff;
border-radius: 100%;  text-indent: -99999px;}
#banner .hd li.on{ background: #223990;}



.tit h3{ font-weight:bold; color: #000; font-size: 20px; text-align: center;}
.tit p{ color: #333; font-size: 14px; padding: 15px 0; text-align: center;}
.tit img{ display: block; margin: 0 auto;}

.index-sec1{ padding: 35px 0;}
.index-sec1 .bd{  padding: 30px 10px 0 10px;}
.index-sec1 .bd figcaption{ background: #223990; padding: 20px; width: 90%; margin: -50px auto 0 auto; position: relative; z-index: 33;} 
.index-sec1 .bd figcaption h3{ color: #fff; font-size: 18px; font-weight: bold; padding-bottom: 15px;}
.index-sec1 .bd figcaption p{ color: #fff; font-size: 14px; opacity: 0.6; line-height: 24px; height:48px; overflow: hidden;}
.index-sec1 .div1{ display: flex; justify-content: center; padding-top: 30px; padding-bottom: 10px;}
.index-sec1 .div1 a{ display: block; width: 130px; height: 45px; line-height: 45px; border:1px solid #E0E0E0; text-align: center; font-size: 14px;
color: #333;} 
.index-sec1 .div1 a:nth-child(1){ background: #223990; color: #fff; margin-right: -1px;}
.index-sec1 .hd{ background: #223990; height: 1px; margin-top: 30px;}
.index-sec1 .hd ul{ display: flex; justify-content: center;}
.index-sec1 .hd li{ display: block; height: 10px; width: 10px; background: #aaaaaa; border-radius: 100%; margin: 0 10px; margin-top: -5px;}
.index-sec1 .hd li.on{ background: #223990;}

.index-sec2{ background: url(/skin1/images/tu2.png) no-repeat top center; padding: 35px 20px;} 

.index-sec2 h2{ color: #fff; font-weight: bold; font-size: 20px; margin-bottom: 20px;}
.index-sec2 p{ color: #fff; font-size: 14px; line-height: 30px; height: 180px; overflow: hidden;}
.index-sec2 a{ background: url(/skin1/images/more.png) no-repeat ; background-size: 100% 100%; height: 40px; color: #fff;
font-size: 16px; text-align: center; display: inline-block; width: 150px; line-height: 40px; margin-top: 25px;}

.index-sec3{ padding: 35px 10px;}
.index-sec3 li figcaption{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); padding: 10px 15px; margin-bottom: 20px;}
.index-sec3 li h3{ color: #000; font-weight: bold; font-size: 18px; padding: 10px 0; text-align:center;}
.index-sec3 li p{ color: #333; line-height: 30px; height: 60px; overflow: hidden; margin-top: 5px;}
.index-sec3 .cont{ position: relative; margin-top: 30px;}
.index-sec3 .hd{ position: absolute; left: 10px; right: 10px; top:30%; display: flex; justify-content: space-between;}
.index-sec3 .hd img{ display: block; height: 34px; cursor: pointer;}

.index-sec4{ padding: 35px 10px 25px 10px; background: #F5F5F5;}
.index-sec4  ul{ padding-top: 35px;}
.index-sec4 li{ margin-bottom: 15px;}
.index-sec4 li a{ display: flex; background: #fff; align-items: center;}
.index-sec4 figure{width: 35%; }
.index-sec4 figure img{display: block; width: 100%;}
.index-sec4 figcaption { padding: 10px; width:65%;}
.index-sec4 figcaption h3{ color: #000; font-weight: bold; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-sec4 figcaption p{ color: #666;  font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; margin-top: 10px;}

.zx a{ background: #223990; height:40px; line-height: 40px; display: flex; justify-content: center; align-items: center; color: #fff;
font-size: 14px; margin-bottom: 50px;}
.zx img{ display: block; margin-right: 10px; height: 18px;}

.dibu{ position: fixed; z-index: 3333; background: #222222; height: 50px;  display: flex; justify-content: space-between; bottom: 0;
right: 0; left: 0; max-width: 640px; width: 100%; margin: 0 auto;}
.dibu a{  width: 33.333%; height: 50px; color: #fff; font-size: 14px; display: flex; justify-content: center; align-items: center;}
.dibu a img{ height: 18px; margin-right: 10px; display: block;}
.dibu a:nth-child(2){ background: #000;}


.neibanner{ margin-top: 50px;}
.neibanner img{ display: block; width: 100%; overflow: hidden;}
.breadcrumb .div2 span { display: inline-block; font-size: 14px; margin: 0 5px; height: 50px; line-height: 50px; cursor: pointer;
color: #666;}
.breadcrumb .div2  i{ display: inline-block; font-size: 14px; font-family: '宋体'; margin: 0 5px; height: 50px; line-height: 50px;}
.breadcrumb .div2 span.on{ color: #000; font-weight: bold}
.breadcrumb .div2 span img{ display: inline-block;  vertical-align: -1px; margin-right: 5px; margin-left: 15px;}
.breadcrumb .div1 a{ display: inline-block; font-size: 14px; color: #333; height: 50px; line-height: 40px; padding-left: 30px;}
.breadcrumb .div1 a.on{ color: #223990;}

.casepage{ background: #F5F5F5;  padding:30px 10px;}
.casepage li{ margin-bottom: 15px;}
.casepage li figcaption{ background: #fff; padding: 15px;}
.casepage li .p1{ font-size: 16px; color: #000; padding-bottom: 10px; font-weight: bold; text-align:center;}
.casepage li .p2{ font-size: 14px; color: #666; line-height: 30px; height: 60px; overflow: hidden;}



.pager{ padding:30px 0 20px 0;  display: flex; justify-content: center; } 
.pager a{ background:#fff;   height: 40px; line-height: 40px; padding:0 15px;
  margin-left:-1px; float:left; font-size:14px; border:1px #e0e0e0 solid; color:#666;}
.pager a.current{ color:#fff; background:#223990;}

.detailpage{ padding: 35px 10px; background: #F5F5F5;}
.detailpage h1{ font-size:18px; font-weight:bold; line-height:36px; overflow:hidden; text-align: center; color: #000;}
.detailpage strong{ display:block; overflow:hidden; padding:20px 0; overflow:hidden; margin-bottom:20px; border-bottom:1px #e0e0e0 solid; text-align: center;}
.detailpage strong span{ display:inline-block; color:#999; padding-right:30px;}
.detailpage .cont{ width:100%; overflow:hidden;}
.detailpage .cont p{ color:#555; line-height:34px; font-size: 15px; }
.detailpage .cont img{ display:block; width:100%; margin: 10px auto;}
.detailpage .zjlj{ width:100%; overflow:hidden;  border:1px #e0e0e0 solid; border-left:none; border-right:none;
 line-height:40px; margin-top: 30px; }
.detailpage .zjlj a{ display:block; width:100%;  overflow:hidden; color:#000; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.detailpage .zjlj a i{ color:#333; font-style: normal;}
.detailpage .zjlj a:hover{ color: #196CAD;}


.fuwupage { padding: 30px 10px; background: #F5F5F5;}
.fuwupage .div{ background: #fff; padding:30px 20px 20px 20px; margin-bottom: 20px;}
.fuwupage .l-cont{ padding-bottom: 10px;}
.fuwupage .l-cont h3{ color: #333; font-weight: bold; font-size: 18px; text-align: center;  }
.fuwupage .l-cont b{ display: block; background: #222; width:40px; height: 2px;  margin: 20px auto;}
.fuwupage .l-cont p{ font-size: 14px;  line-height: 32px; color: #666;}


.newspage{ padding:25px 10px 20px 10px; background: #F5F5F5;}
.newspage li a{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F5F5F5;
padding: 10px; background: #fff; margin-bottom: 10px;}  
.newspage li figure{ width: 35%;}
.newspage li figure img{ width: 100%;}
.newspage li figcaption{ width:65%; padding-left: 10px;}
.newspage li .p1{ color: #000; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newspage li .p2{ height: 48px; line-height: 24px; overflow: hidden;  margin-top: 10px; color: #666; font-size: 14px;}



.contactpage .tit h2{ font-size: 20px; color: #000; text-align: center; font-weight: bold;}
.contactpage .tit h3{ font-size: 12px; color: #999; text-align: center; font-family: arial; padding-top: 15px;}
.contactpage .tit span{ display: block; margin: 15px auto; width: 30px; height: 2px; background: #E0E0E0;}
.contactpage{ padding: 30px 10px;}
.contactpage .link-cont ul{ display: flex; flex-wrap: wrap; justify-content: space-around; }
.contactpage .link-cont li h3{ color: #000; font-weight: bold; font-size: 16px; text-align: center;}
.contactpage .link-cont li p{ text-align: center; font-size: 14px; color: #666; padding: 15px 0; line-height: 24px;}
.contactpage .link-cont li{  width: 48%; margin-bottom: 20px;}
.contactpage .link-cont h6{ font-size: 12px; text-align: center; color: #666; font-weight: normal;}
.contactpage .link-cont li img{ display: block; margin: 0 auto 20px auto; height: 35px;}
.contactpage .cont-biao{ background: #fff; padding: 30px 20px;}
.contactpage .contnei>div{ display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.contactpage .contnei>div span{ display: block; width:15%; font-size: 14px; color: #333;}
.contactpage .cont-biao input{ width: 85%; background: #fff; height: 40px; line-height: 40px; padding-left: 10px; border:1px solid #F5F5F5;
color: #999; font-size: 14px;}
.contactpage .cont-biao textarea{ height: 180px; vertical-align: top; width: 85%;   background: none; border:none; background: #fff;
font-size: 14px; color: #999; padding-top: 10px; padding-left: 10px; border:1px solid #F5F5F5; resize: none;}
.cont-biao .div1{ text-align: center; display: flex; justify-content: center; padding-top: 20px;}
.cont-biao .div1{ text-align: center; display: flex; justify-content: center; padding-top: 20px;}
.cont-biao .sub,.cont-biao .res{ background: none; border:none; display: inline-block; width: 140px; text-align: center; 
background: #006658; font-size: 16px; color: #fff;cursor: pointer;}
.cont-biao .res{ background: #000; margin-left: 30px;}
.cont-biao .div2  span{align-self: flex-start; padding-top: 10px; }
.contactpage h1{ text-align: left; font-weight: bold; color: #000; font-size: 20px; margin: 35px 0;}
.contactpage .input1{ width: 100%; background: #F5F5F5; margin-bottom: 15px; height: 40px; line-height: 40px; padding-left: 10px; color: #707070;}
.contactpage select{ width: 100%; background: #F5F5F5; height: 40px; line-height: 40px; margin-bottom: 15px;}
.contactpage .btn-sub{ display: flex; justify-content: space-around;  padding-top: 20px;}
.contactpage input{ height: 40px; line-height: 40px; color: #fff; background: #223990; width: 140px; display: block;}
.contactpage .res{ background: #FFA842;}

.jobpage{ padding: 30px 10px; background: #F5F5F5;}
.jobpage .rcln_t img{ height:80px; margin:0 auto;}
.jobpage .rcln_b p{ line-height: 28px; font-size: 14px; color: #333; margin-top: 15px;}
.jobpage .rcln_b p em{ font-weight: bold; color: #223990;}
.zpgw_t img{ height:80px; margin:0 auto;}

.rc_box1{ background: url(/skin1/images/bg22.jpg) no-repeat top center; background-attachment: fixed;  padding: 0 10px 40px 10px;
background-size:cover;}
.cwzj_t{ margin-bottom:20px; padding: 10px;}
.cwzj_t ul{ display: flex; flex-wrap: wrap; }
.cwzj_t li{  width:50%; color:#666; line-height:26px; font-size:14px; padding: 5px 0;}
.cwzj_t li em{ color:#000; font-size:14px; padding-left: 5px; display: inline-block;}
.cwzj_b{ height:auto; overflow:hidden;}
.cwzj_b h1{ color:#666666; line-height:26px; font-size:14px; font-weight:bold; margin-bottom:8px;}
.cwzj_b p{ line-height:26px; color:#888888; font-size:14px;}
.zpgw_b{ height:auto; overflow:hidden; }
.menuTitle3{cursor:pointer; height:60px; background:url(/skin1/images/bg10.png) no-repeat 98% center #fff;border-bottom:1px solid #cccccc; 
color:#666666; font-family:"Microsoft YaHei"; font-size:14px;line-height:60px; display: flex; justify-content: space-between;}
.menuTitle3 span{ display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666;
padding-left: 10px;}
.menuTitle3 em{ color:#666666; font-size:14px; padding-left: 10px; padding-right: 40px;}
.activeTitle3{cursor:pointer; height:60px; background:url(/skin1/images/bg11.png) no-repeat 98% center #141418; 
border-bottom:none; color:#666666; font-family:"Microsoft YaHei"; font-size:14px;  line-height:60px;}
.activeTitle3 span{ color:#fff; }
.activeTitle3 em{ color:#fff;}
.menuContent3{display:none; background:#fff; padding: 10px;}
.jobcont{ line-height: 24px; color: #333; font-size: 14px;}




.about-sec1{ background: #fff; padding:30px 10px;}
.about-sec1 .left b{ display: block; width: 55px; height: 2px; background: #333;}
.about-sec1 .left span{ font-size:30px;  font-family: times new roman,times,serif; text-transform: uppercase; display: block; color: #333;
padding: 20px 0 10px 0;}
.about-sec1 .left h2{ text-align: left; }
.about-sec1 .left p{ line-height: 36px; color: #555; font-size: 14px; margin-top: 20px;}
.about-sec1 .right img{ display: block; margin: 0 auto;}
.about-sec2{ background: #F5F5F5; padding: 30px 10px;}
.about-tit h2{ color: #000; text-align: center; font-size: 20px; font-weight: bold; padding-top: 10px;}
.about-tit h3{ color: #666; text-align: center; font-size: 16px;  font-family: times new roman,times,serif; text-transform: uppercase;}
.about-sec2 li{   width: 48%; background: #fff; margin-bottom: 20px;}
.about-sec2 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px;}
.about-sec2 .p2{ color: #666; font-size: 12px; text-transform: uppercase; text-align: center; text-transform: uppercase; padding-top: 10px;}
.about-sec2 .p1{ color: #000; font-size: 18px; text-transform: uppercase; font-weight: bold; text-align: center;}
.about-sec2 .p3{ color: #999; font-size: 14px; text-align: center; padding-top: 20px; line-height:26px;}
.about-sec2 figcaption{ background: #fff; margin-top: 0px; position: relative; z-index: 33; padding:  20px; text-align: center; transition: all 0.6s;}
.about-sec2 li b{ display: block; width: 30px; height: 2px; margin:20px auto 0 auto; background: #223990;}

.about-sec3{ padding: 30px 0 0 0;}
.devalp{ width:100%; overflow:hidden; position:relative; padding: 30px 10px;}
.devalp ul li{ display: flex; padding: 0 0 20px 0; align-items: center;}
.devalp .time{ font-weight: bold; color: #000; font-size: 18px;; background: #F5F5F5; display: flex; justify-content: center;
flex-wrap: wrap; padding: 10px; font-family: arial;width:15%;} 
.devalp .time i{ font-style: normal; font-size: 14px; color: #666; text-align: center; display: block; padding-top: 10px;}
.devalp li p{ line-height: 24px; color: #000;  padding-left: 10px;}
.devalp .coure_more{ display:block; line-height:45px; background:#f5f5f5; text-align:center; width:100%; font-size:14px;
 cursor:pointer; color: #000; height: 45px; margin-top: 10px;}
 
 
.about-sec4{ padding: 30px 10px;} 
.about-sec4  .bd{ padding-top: 30px;}
.about-sec4 .cont{ position: relative;}
.about-sec4 li figure img, .about-sec4 li figure { display: block; width: 100%; transition: all 0.6s; overflow: hidden;}
.about-sec4 li p{ background: #fff; height: 50px; line-height: 50px; text-align: center; font-size: 16px; margin-top: 10px; color: #000; transition: all 0.6s;}
.about-sec4  span{ display: block; font-size: 50px; font-family: "宋体"; color: #fff;}
.about-sec4 .hd{ position: absolute; top: 50%; display: flex; justify-content: space-between; width: 100%; transform: translateY(-50%);}
.about-sec4  span img{ height: 30px;}

.about-sec5{ padding: 30px 10px; background: #F5F5F5;}
.about-sec5 li{ width: 48%; margin-bottom: 15px;} 
.about-sec5 ul{ padding-top: 35px;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.about-sec5 li p{ color: #000; font-weight: bold; font-size: 16px; text-align: center;  padding-top: 15px;}