@charset "utf-8";
/* CSS Document */
 body{ font-family:"Microsoft Yahei"; font-size:1.5em; margin:0 auto; padding:0; max-width:800px; background:#FFFFFF;}
.head{ width:100%; z-index:1; max-width:800px; height:130px; border-bottom:#e7e5e8 solid 2px;}
a{ text-decoration:none; color:#333333;}
li{ list-style:none;}
img{ max-width:100%;}
.clear{ clear:both;}
.logo{ width:65%; float:left; margin:auto;}
.logo img{ max-width:100%;}
.biao{ width:18%; height:130px; float:right; text-align:center; border-left:#e5e5e5 solid 1px; }
.biao img{ max-width:100%;}
.dmenu{ width:100%; background:#f8f8f8;}
.dmenu ul{ margin:0; padding:0;}
.dmenu li{ width:100%; list-style:none; line-height:70px; border-bottom:#a1a1a1 solid 1px; text-indent:60px;}
.down{ background:#f8f8f8!important;}
.down li{ width:100%; list-style:none; line-height:70px; border-bottom:#d3d3d3 solid 1px; text-indent:60px;}
.down li a{ color:#999999!important;}
.dmenu li a{ color:#302e2f; text-decoration:none; display:block;} 
.dmenu li a img{ vertical-align:middle; float:right; margin:20px 35px;}
.zl img{ width:100%;}
.main_abo{ width:90%; margin:auto;}
.main_abo img {
    display: block;
    margin: auto;
}
.main_abo h2{ text-align:center; font-size:1.5em; margin-bottom:0.5em; font-weight:normal;}
.main_abo h4{ text-align:center; font-weight:normal; margin-bottom:0; padding-bottom:0;}
.abo{ line-height:1.5em;}
.abo span{ font-size:1.2em; color:#000000;}
.abo img{ min-width:100%;}

.cp1{ width:90%; margin:5% auto;}
.cp1 img{ width:100%;}
.cp{ width:100%; background:#313131; padding:5% 0;}
.cp h1{ color:#FFFFFF;font-size:1.5em; text-align:center;}
.cp hr{ width:5%; border:#019fce solid 1px;}
.cp ul{margin:5% 4%; padding:0; display:block;}
.cp ul li{ float:left; margin-left:3%; width:29%;}
.cp ul li img{ width:100%;}

.snew{ width:90%; margin:40px auto 0;}
.snew li{ line-height:46px; margin:0 0 40px 0; color:#333333; font-size:2em;}
.snew li img{ float:left; margin-right:3%;}
.snew dl{ width:100%; margin:0 0 20px 0; padding-bottom:20px; float:left;}
.snew dl.x{ border-bottom:#CCCCCC solid 1px;}
.snew dl img{ width:48px;}
.snew dl dt{ width:100%; float:left;}
.snew dl dt img{ width:100%;}
.snew dl dd.tt{ font-size:1.5em; line-height:3em; color:#333333; }
.snew dl dd.ttt{ font-size:1em; line-height:3em; color:#333333; }
.snew dl dd{float:left; line-height:2em; color:#999999; margin:0; width:100%;}
.xnb{ float:left; margin-top:30px;}
.none{ border-bottom:0px;}
.xmenu{ width:100%; background:#0d0d0d;}
.xmenu ul{ margin:0; padding:0;}
.xmenu li{ width:100%; list-style:none; line-height:4em; border-bottom:#e4e3e3 solid 1px; text-indent:30px;}
.xmenu li a{ color:#a3a0a0;}
.foot{ height:180px; width:100%; background:#ededed; color:#535353; text-align:center; line-height:47px; font-size:0.8em;}
.foot a{ padding:5px;}
.foot h1{ margin:0 0 2% 0; padding:0; font-weight:normal; color:#041354;}
.foot a img{ vertical-align:middle; padding:10px 10px 10px 10px;}
.foot select{ width:80%; font-size:1em; text-indent:0.8em; font-family:"Microsoft Yahei"; color:#535353; height:48px; border:#9d9d9d solid 2px; margin:48px 0 20px 0; background:url(../images/s.png) center right no-repeat #e2e2e2;-moz-appearance:none;-webkit-appearance:none; appearance:none;}
/*******************************************abo*********************************************/
.title h2{ color:#0f4c8f;font-size:1.2em; text-align:center; font-weight:normal; margin:8% 0 5% 0;}
.title hr{ width:5%; border:#019fce solid 1px;}
.title1 h2{ color:#253653;font-size:1.2em; text-align:left; font-weight:normal; margin:4% 0 4% 4%;}
.title1 hr{ width:5%; border:#019fce solid 1px; float:left; margin-left:4%;}
.nbanner{max-width:800px;}
.nbanner img{ width:100%;}
.simg img{ width:100%;}
.nxdh{ width:100%; line-height:120px; height:120px; text-align:center; background:#253653;}
.nxdh a{ color:#FFFFFF; display:block; font-size:1.5em; text-indent:-50px;}
.nxdh a img{ float:left; margin:45px 0 0 30px;}
.par li{ list-style:none; width:49.5%; float:left; margin:-1px 0 0 -1px; border:#efefef solid 1px;}
.par li img{ width:100%;}
.content{
  width: 92%;
  line-height:48px;
  margin:auto;
  color: #999999;
}
.content img{ max-width:100%;}
/***********************************cases*********************************************/
.cases{ width:96%; margin: 0 auto 1em;}
.cases dl{ width:47%; margin:1em 0 0 2%; padding:0; float:left;}
.cases dl dt { width:100%; margin:0; padding:0; float:left;}
.cases dl dt img{ width:100%;}
.cases dl dd { width:100%; margin:0; padding:0; float:left; text-align:left; line-height:2em; color:#555555;}
.cases dl dd a{ color:#555555; }
.cases dl dd a:hover{ color:#1aaae6;}

/***********************************news*********************************************/
.news{ width:94%;  }
.news dl { width:100%; font-size:1em; float:left; word-spacing:12px; letter-spacing:0px; margin:0; padding:3% 0; border-bottom:#dddddd solid 1px;}
.news dl a img{ float:left; width:28%;    min-height: 80px; margin-right:2%;}
.news dl dt{ line-height:1.3em; font-size:1.1em;}
.news dl dt a{ color:#253653;}
.news dl dd{color:#888888; line-height:1.6em;}
.time{ font-size:0.8em; margin-left:0;}
/***********************************newsshow*********************************************/
.news_content{ width:96%; margin:20px auto; line-height:36px; font-size:1em; color:#666666;}
.news_content img{ width:100%;!important;}
/***********************************culture*********************************************/
.culture{width:96%; margin:20px auto;}
.culture hr{ border:none; border-bottom:#CCCCCC solid 1px;}
.culture dl { font-size:20px; float:left;  word-spacing:12px; letter-spacing:0px; margin: auto; width:100%; margin-bottom:2em;}
.culture dl img{ float:left; width:100%;}
.culture dl dt{ line-height:64px; font-size:1.2em; color:#135bb0; text-align:center;}
.culture dl dt a{ color:#253653;}
.hui{ color:#575757;}
.bai{ color:#FFFFFF;}
.lan{ color:#11448f;}
.culture dl dd{ line-height:2.5em; margin:10px 0; font-size:1em; text-align:center; border:#253653 solid 1px; color:#135bb0;border-radius:4px 4px 4px 4px}
/***********************************solution*********************************************/
.solution{width:96%; margin:20px auto;}
.solution dl { font-size:20px; float:left;  word-spacing:12px; letter-spacing:0px; margin: auto; width:100%; margin-bottom:2em;}
.solution dl img{ float:left; width:100%;}
.solution dl p{ margin-top:0;}
.solution dl dt{ line-height:64px; font-size:1.2em; color:#0f4c8d; text-align:left;}
.solution dl dt a{ color:#253653;}
.solution dl dd{ width:30%; line-height:2.5em; margin:10px 0; font-size:1em; text-align:center; border:#0f4c8d solid 1px; color:#0f4c8d;}
/***********************************jobs*********************************************/
.jobs{width:92%; margin:20px auto; color:#666666;}
.jx{ width:100%; height:48px; line-height:48px; background:#595759; color: #FFFFFF;}
.em{ text-indent:2em;}
.tc{ text-align:center;}
.z{ width:40%; float:left; color:#565656; text-indent:1em;}
.g{ width:20%; float:left;}
.r{ width:20%; float:right!important;}
.t{ width:20%; float:left;}
.jobs li{width:100%; height:3em; line-height:3em; background:#e2e2e2; float:left; list-style:none; margin-bottom:1px; }
.jobs li a{ float:left;}
.jobs li span{ float:right;}
.jk{ width:100%; height:auto;float:left; font-size:0.8em;}
.jk p{ padding:20px; margin:0; line-height:2em;}
.jk p span{ color:#0f438b;}
/***********************************Group*********************************************/
.xt{ height:2em; line-height:2em; color:#234f90; border-bottom:#CCCCCC solid 1px;}
.xt img{ margin-right:1em; width:0.6em;}

@media screen and (max-width:480px){
 body{ font-size:0.8em;}
 .head{ height:76px; border-bottom:#cccccc solid 1px;}
 .biao{ width:15%; height:76px;}
.dmenu li{ line-height:40px;  text-indent:30px;}
.down li{ line-height:40px; text-indent:30px;}
.dmenu li a img{  float:right; margin:13px 17px; width:15px;}
.snew li{ line-height:23px; margin:0 0 20px 0; color:#1060b7;}
.snew li img{ width:23px;}
.snew dl{ margin:0 0 10px 0; padding-bottom:10px;}
.snew dl img{ width:29px;}
.foot{ height:110px; line-height:24px;}
.foot a img{ width:25px;}
.foot select{ height:24px;  margin:24px 0 10px 0; background:url(../images/s1.png) center right no-repeat #e2e2e2;  border:#9d9d9d solid 1px;}
.content{line-height: 28px;margin:1em 4%;}
.nxdh{line-height:50px; height:50px;}
.nxdh a{display:block; font-size:1.5em;}
.nxdh a img{ float:left; margin:18px 0 0 15px; width:9px;}
/***********************************news*********************************************/
.news li{ height:21px; line-height:16px; width:96%;}
.news li img{ width:15px; margin-left:-8px; float:left; margin-right:8px;}
.news dl { margin:10px 4% 0; float:left; padding-bottom:10px;}
/***********************************newsshow*********************************************/
.news_content{ line-height:24px; font-size:14px;}
/***********************************culture*********************************************/
.culture dl { font-size:16px; }
.culture dl dt{ line-height:48px;}
.culture dl dd{ line-height:28px; margin:10px 0; font-size:14px;}
/***********************************solution*********************************************/
.solution dl { font-size:16px; }
.solution dl dt{ line-height:48px;}
.solution dl dd{ line-height:28px; margin:10px 0; font-size:14px;}
/***********************************jobs*********************************************/
.jobs{ margin:10px auto;}
.jobs li{height:48px; line-height:48px;}
.jk{ font-size:0.8em;}
.jk p{ padding:10px; line-height:24px;}
}
@media screen and (max-width:375px){
.head{ height:60px;}
.biao{ height:60px;}
}
@media screen and (max-width:320px){
.head{ height:52px;}
.biao{ height:52px;}
.snew li{ line-height:23px; margin:0 0 20px 0; color:#1060b7;}
.snew li img{ width:18px;}
.snew dl{ margin:0 0 10px 0; padding-bottom:10px;}
.snew dl img{ width:20px;}
}