*{font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
html,body{width:100%;background-color:#eeeeee;color:#545454; font-family:-apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
ul,li,html,body,h1,h2,h3,h4{margin:0px;padding:0px;}
ul,li{list-style:none;}
a{text-decoration:none;color:#545454; }
img{border:none;}
button {-webkit-appearance: none;resize: none; }
select{ -webkit-appearance:none;}
input[type="submit"], input[type="reset"], input[type="button"], input {-webkit-appearance: none;resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
.kb10{ height: 10px; clear: both;}
.kb15{ height: 15px; clear: both;}
.kb60{ height: 60px; clear: both;}
.grey{ background: #eeeeee;}
.bai{background: #FFFFFF; overflow: hidden;}
.left{ float: left;}
.right{ float: right;}
.content img{ max-width: 100% !important; height: auto !important;}
.content table{ max-width: 100% !important;}
.center{ text-align: center;}
.blue{ color: #0c67bf;}
.f12{ font-size: 12px !important;}
.f14{ font-size: 14px !important;}
.f20{ font-size: 20px !important;}
.bold{ font-weight: bold;}
.block{ display: block;}
.hide{ display: none;}
.clear{ clear: both;}
.floatfix{*zoom:1;}
.floatfix:after{content:"";display:table;clear:both;}
hr { opacity: 0.5;}
#map{ height: 240px;}
body{max-width: 750px; margin: 0 auto; background-color: #FFF; color: #737373; font-size: 12px; line-height: 20px;}
.w_2,.w_3,.w_4{ width: 100%;}
.w_2 li{ width: 50%; float: left;}
.w_3 li{ width: 33%; float: left;}
.w_4 li{ width: 25%; float: left;}
img{max-width: 100% !important;}
.color2{ color: #2d2d2d;}
.color6{ color: #737373;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.article{ font-size: 12px; line-height: 22px;}
.article p{ margin: 8px 0;}
/* header 头部样式设置*/
header{ background-color: #FFF; overflow: hidden; width: 100%;}
.top{ width: 100%;background-image: linear-gradient(180deg, #fafafa 0%, #e5e5e5 100%); overflow: hidden;}
.logo{ width: 40%; float: left;}
.logo img{width: 100%;}
.top_right{ float: right; margin: 3% 2% 0 0; width: 5.5%; height: 44px; background: url(../Image/menu.png) no-repeat center center; background-size: 100%;}

.right_menu{ position: fixed; right: 0; top: 0; z-index: 999; overflow: hidden; height: 100% !important; transition: 0.3s all 0s linear; width:0;}
.right_menu ul{height: 100%; box-sizing: border-box; padding: 0 5%;background-color:rgba(0,139,212,0.8); width: 100%; overflow: hidden; min-width: 193px;}
.right_menu ul>li{list-style-type:none; width: 94%; margin: 0 3%; height:40px; line-height: 40px; border-bottom: 1px solid #d6d6d6; clear: both; position: relative;}
.right_menu ul>li a{ background-size: 20px !important; display:block; width: 100%; color: #FFF; line-height: 40px; text-indent:23px;}
.menu_a li{ width: 50%; float: left;margin-top: 5px;}
@media only screen and (min-width: 600px){
	.menu_a li{ width: 25%; float: left;margin-top: 5px;}
}
.menu_a li a{ width: 100%; display: block; text-indent: 10px; color: #FFF; font-size: 15px;}
.close{ position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url(../Image/gb.png) no-repeat center center; background-size: 20px;}
.hei{ width: 60% !important;}

.nav{box-sizing: border-box; overflow: hidden;}
.nav li{ border: 2px solid #eaeef1; box-sizing: border-box; border-top: none; margin-left: -2px;}
.nav li:nth-of-type(1),.nav li:nth-of-type(2),.nav li:nth-of-type(3),.nav li:nth-of-type(4){border-top: 2px solid #eaeef1;}
.w_4.nav li:nth-of-type(4n+1){ margin-left: 4px;}
.w_3.nav li:nth-of-type(3n+1){ margin-left: 4px;}
.w_3.nav li:nth-of-type(4){ border-top: none;}

.nav li a{ display: block; text-align: center; color: #494949; font-size: 14px; height: 40px; line-height: 40px;}
.nav li:hover a,.nav li.on a{ background: #008cd6; color: #FFF;}

#flash,.zyflash{ width: 100%;  max-width: 750px;}
#flash img,.zyflash img{width: 100%; display: block;}
.focus{ width:100%; height:auto; margin:0 auto; padding-bottom: 30px; position:relative; overflow:hidden;  max-width:750px;}
.focus .hd{ width:100%; height:20px;  position:absolute; z-index:99; bottom:0px; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:block; height:17px; width: 100%; text-align: center; }
.focus .hd ul li{width: 13px; border-radius: 50%; background: #cccccc; display: inline-block; text-indent: -9966px; padding: 0; margin: 0 3px; line-height: 13px;}
.focus .hd ul .on{ background:#008cd6; }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto; vertical-align:top;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

.footer{ background: #383838; font-size:14px; color: #5e5e5e;width: 94%; padding: 0 3%; overflow: hidden;}
.footer .end_a{ padding: 10px 0; overflow: hidden; border-bottom: 1px solid #4e4e4e;}
.footer a{ color: #FFF; line-height: 20px; width: 25%; box-sizing: border-box; text-align: center; float: left; border-right: 1px solid #FFF;}
.footer a:last-of-type{ border: none;}
.footer p{ padding: 0 10px;}

.main{ width: 94%; padding: 0 3%; overflow: hidden;background-color: #FFF;}
.inco{ position: relative;}
.inco:before,.inco:after{ content:''; position: absolute; top: 50%; height: 1px; width: 36%; background: #d1d4d7;}
.inco:after{ right: 0;}
.inco span{ position: relative; text-align: center; padding: 20px 0; font-size: 20px; font-weight: bold; color: #262626; display: block;}
.inco span:after{ content:''; position: absolute; height: 1px; width: 10%; left: 45%; bottom: 10px; background: #279894;}
/*项目列表*/
.gray{ width: 94%; padding:20px 3%; overflow: hidden;background: #edeff4;}
.cpItem{ background: #FFF; margin-bottom: 20px; border: 1px solid #d9dce5; padding:0 25px}
.cpItem .tit{ font-weight: bold; color: #2949b0;}
.cpItem .cont{ color: #737373; padding:5px 0 10px 0;}
.cp .more a,.news .more a{ color: #2949b0; text-align: center; border: 1px solid #455999; padding: 5px 0; width: 30%; margin: 0 auto; display: block;}
/*新闻列表*/
.newsbox .hd li{ float: left; width: 25%; }
.newsbox .hd li a{ display: block;box-sizing: border-box; border: 1px solid #e0e0e0; text-align: center; line-height: 32px; color: #2d2d2d; font-size: 14px; border-left: none;}
.newsbox .hd li:first-of-type a{ border-left: 1px solid #e0e0e0;}
.newsbox .hd li.on a{ background: #162f7f; color: #FFF; border-color: #162f7f;}

.newsItem{ border-bottom: 1px solid #edeef2; padding: 12px 0; overflow: hidden;}
.newsItem .img{ padding-right: 16px; float: left; width: 32%;}
.newsItem .tit{ color: #515151; padding: 5px 0;}
.newsItem .time{ color: #9c9c9c;}
/*服务中心正方形*/
.service li{ padding-bottom: 33.33%; background-color: #ebedf1; position: relative;}
.service li a{ display: block; color: #FFF; background: #ebedf1; height: 30%; padding-top: 70%; position: absolute; width: 100%; text-align: center; font-size: 15px;}
.service li:nth-of-type(1) a{ background:url(../Image/fw1.png) no-repeat top left #62bcdd;background-size: cover;}
.service li:nth-of-type(2) a{ background:url(../Image/fw2.png) no-repeat top left #ceb43a;background-size: cover;}
.service li:nth-of-type(3) a{ background:url(../Image/fw3.png) no-repeat top left #cc3349;background-size: cover;}
.service li:nth-of-type(4) a{ background:url(../Image/fw4.png) no-repeat top left #3ca29e;background-size: cover;}
.service li:nth-of-type(5) a{ background:url(../Image/fw5.png) no-repeat top left #98cd5a;background-size: cover;}
.service li:nth-of-type(6) a{height: 52%; color: #6c6c6c; padding-top: 48%;}
/*首页项目中心  logo图标滚动*/
.xiangmu .bd li{ width: 180px; box-sizing: border-box; padding:8px 5px; float: left;}
/*子页面效果样式代码*/
.zy_inco{ text-align: center; font-size: 16px; color: #2d2d2d; margin: 10px 0; clear:both;}
.page{ clear: both; padding: 15px 0; text-align: center;}

.newslist{display: block;width: 100%; box-sizing:border-box; overflow: hidden;}
.newslist li{display: inline-block; text-align: center; vertical-align: middle;width: 50%; float: left; }
.newslist li a{display: block; overflow: hidden; padding:6px; box-sizing:border-box; width: 100%;position: relative;}
.newslist li a img{ width: 100%; margin: 0 auto;  padding-bottom: 5px; display: block;}
.newslist li a span{ font-size: 10px; color: #FFF; text-align: center; display: block;width: 100%;padding: 0 10px; position: relative; margin-top: -26px; box-sizing:border-box; text-overflow: ellipsis;white-space:pre; overflow:hidden; height: 26px; line-height: 24px; background: rgba(0,0,0,0.5);}
.newslist li a .tit {color: #737373; text-align: center; display: block;width: 100%;padding: 0 10px; position: relative; box-sizing:border-box; text-overflow: ellipsis;white-space:pre; overflow:hidden; height: 26px; line-height: 24px;}
.newslist li:nth-of-type(odd){ clear: both;}
/*领导*/
.ld_2{ padding: 8px 0; border-bottom: 2px solid #e0e0e0; overflow: hidden;}
.ld_2 img{ width: 30%; float: left; margin-right: 10px;}
/*发展*/
.timeline{ padding: 10px 0; overflow: hidden; border-bottom: 1px dashed #e0e0e0; overflow:hidden;}
.timeline .circle{width:90px;height:90px;border-radius:50%;background:#fff;border:2px solid #1e83cb;float:left;margin-right:18px;position:relative;overflow:hidden;}
.timeline .title{ font-size: 16px; color: #1E83CB;}
.timeline .title .year{ font-size: 14px;}
.timeline .circle img{height: 90px;}
/*新闻列表*/
.xwlist li{ padding: 8px; border: 1px solid #e0e0e0; margin-bottom: 8px;}
.xwlist .cont{ line-height: 18px;}
.text-overflow{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%;}

.zpItem{background: #f5f5f5; min-height: 35px; position: relative;}
.zpItem .job{ position: relative; height: 35px; line-height: 35px;}
.zpItem .job .tit{ position: relative; color: #03669f; font-weight: bold; padding: 0 6px; float: left;}
.zpItem .job .num{color: #FFF; font-weight: bold; background: #0c67bf; padding: 0 10px; float: right;}
.zpItem .cont{ padding: 10px; font-size: 13px; display:none}
.zpItem .join a{ display: block; margin: 0 auto 15px auto; background: #0c67bf; height: 28px; line-height: 28px; width: 120px; text-align: center; color: #FFF;}
/*人才招聘*/
.baokan{ box-sizing: border-box; padding: 8px 3px;}
.baokan .title{ transition: 0.3s all; color: #3F3F3F;}
.baokan:hover .title{ color: #FFF; background: #008cd6;}
/*留言*/
.order .txt{ margin:8px auto;}
.order .txt span{ float: left; width: 20%; text-align: right;}
.order .txt input[type="text"]{ background: #f0f0f0; border: none; border-radius: 8px; box-shadow: none; padding: 0 20px 0 25px; height: 40px; transition: all 0.3s ease 0s; font-size: 14px; line-height: 1.42857143; color: #555; width: 60%;}
.order .txt textarea{ background: #f0f0f0; border: none; border-radius: 8px; box-shadow: none; padding: 0 20px 0 25px; height: 100px; transition: all 0.3s ease 0s; font-size: 14px; line-height: 1.42857143; color: #555; width: 60%;}
.order .txt input[type="submit"]{font-size: 14px; color: #fff; background: #0c67bf; border-radius: 8px; padding: 10px 25px; border: none; text-transform: capitalize; transition: all 0.5s ease 0s; width: 60%; margin: 10px 20%;}
/*项目详细页*/
.cpinfo .gray{ background: #eff2f6; border: 1px solid #ecebf0; padding: 10px;}
.cpinfo .gray .img{ width: 40%; margin-right:10px ; float: left; background: #FFF; overflow: hidden;}
.cpinfo .gray .img img{ width: 100%; padding: 0 15px; box-sizing: border-box;}
.cpinfo p{ margin: 0; padding: 2px 0;}