/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:谷志斌
Author URI:http://www.injnet.com
Author e-mail:zhibin1223@126.com
Version:1.0.0
Created:September 2014
License URI:http://www.injnet.com
File Description:Main CSS file of the template */

/*----------------------------------------------------------------------------- */
html {
	height: 100%;
}
a {
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    color:#252525;
}
a:hover {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:link {text-decoration:none}
.clear {clear:both}
.lf{ float:left;}
.rg{ float:right;}

.mouseover-1 {position: relative;display: block;overflow: hidden;display: block;backface-visibility: hidden;-webkit-backface-visibility: hidden;}
.mouseover-1 img {display: block;width: 100%;height: auto;transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);-webkit-transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);}
.mouseover-1 img:nth-child(1) {opacity: .7;}
.mouseover-1 img:nth-child(2) {position: absolute;left: 0;top: 0;}
.mouseover-1:hover img:nth-child(1) {transform: scale(1.2);-webkit-transform: scale(1.2);}
.mouseover-1:hover img:nth-child(2) {transform: scale(.9);-webkit-transform: scale(.9);}

/*字体*/
/*字体*/
body {
	font-family:"微软雅黑","宋体",Arial;
	font-size: 14px;
	line-height: 24px;
	color: #4c4c4c;
    overflow-x:hidden;
    padding:0px;
}
body.full-height, body.full-height .page-wrapper {
	min-height: 100%;
}
img {max-width:100%;}
ul {margin:0px; padding:0px; list-style:none}
.none-padding {padding:0px;}
.Roat {-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

/*手机导航*/
@media (max-width: 767px) {
    .moblie_head{ display:block; background:#fff; padding:20px 5%; position:fixed; width:100%; z-index:1005;border-bottom:1px solid #ababab}
    .moblie_head .rg{ padding-top:12px;}
    .a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1005;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
	.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
}

/*头部*/
header {float:left;width:100%;height:182px}
header .container{width:100%;padding:0px 10%;}
header .container .ptop2 {float:left;width:100%;position:relative}
header .container .ptop2 .logo {display:table;margin:0 auto; margin-top:20px;}
header .container .ptop2 .bar{position:absolute;right:0px;top:25px;}
header .container .ptop2 .bar .tel {float:left;height:24px;line-height:24px;background:url(../images/tel.png) no-repeat left center;padding-left:30px;color:#242424;font-size:16px;}
header .container .ptop2 .bar .search {float:left;margin-left:110px;}
header .container .ptop2 .bar .search a.is{float:left;width:24px;height:24px;display:block;background:url(../images/search.png) no-repeat center}

header .container .pm {display:table;margin:0 auto}
header .container .pm .menu {float:left; height:82px; line-height:82px;}
header .container .pm .menu > li{float:left;margin:0px 36px;}
header .container .pm .menu > li > a { font-size:18px; color:#252525;display:block; height:82px;float:left}
header .container .pm .menu > li > a:after {
    border-bottom:5px solid #017cc1;width:0px;content: ""; display:block;margin-top:-5px;
    transition:width 0.5s;
    -moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}
header .container .pm .menu > li > a:hover {color:#017cc1;}
header .container .pm .menu > li > a:hover:after {width:100%}
.fixed-header-on header {position:fixed;top:0px;z-index:9999;border-bottom:1px solid #bfbfbf;height:80px;background:#fff;}
.fixed-header-on .ptop2 {display:none}

@media (max-width: 767px) {
   .carousel {margin-top:80px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  header {height:162px}
  header .container{padding:0px 3%;}
  header .container .ptop2 .logo {margin-top:20px;display:block}
  header .container .ptop2 .logo img {height:60px;}
  header .container .ptop2 .bar{top:35px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  header {height:162px}
  header .container{padding:0px 3%;}
  header .container .ptop2 .logo {margin-top:20px;display:block}
  header .container .ptop2 .logo img {height:60px;}
  header .container .ptop2 .bar{top:35px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
      header .container{padding:0px 3%;}
}

/*产品展示*/
.divPcp {float:left;width:100%;background:#f3f3f3;padding:75px 0px 66px}
.divPcp .container {width:1470px;}
.divPcp .ptop {float:left;width:100%;}
.divPcp .ptop .div1 {float:left;width:100%;text-align:center;font-size:36px;color:#2c2c2c;background:url(../images/ptop.jpg) no-repeat top center;line-height:75px;}
.divPcp .ptop .div2 {float:left;width:100%;text-align:center;color:#727272;padding:20px 17.5%;}
.divPcp .row {margin-top:35px;}
.pcp {float:left;width:100%;margin-bottom:42px;}
.pcp a.img{float:left;width:100%;}
.pcp a.img img{float:left;width:100%;}
.pcp a.name {float:left;width:100%;height:78px;line-height:78px;background:#fff;text-align:center;font-size:20px;color:#353535}
.pcp a.name:hover {color:#017cc1}

@media (max-width: 767px) {
    .divPcp {padding:25px 0px 30px}
    .divPcp .container {width:100%;}
    .divPcp .ptop .div1 {font-size:24px;line-height:55px;}
    .divPcp .ptop .div2 {padding:10px 0%;}
    .pcp {float:left;width:100%;margin-bottom:25px;}
    .pcp a.name {height:58px;line-height:58px;font-size:14px;}
    .divPcp .col-xs-6 {padding:0px 5px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divPcp {padding:45px 0px 0px}
    .divPcp .container {width:100%;}
    .divPcp .ptop .div1 {font-size:24px;line-height:55px;}
    .divPcp .ptop .div2 {padding:10px 0%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divPcp {padding:45px 0px 0px}
    .divPcp .container {width:100%;}
    .divPcp .ptop .div1 {font-size:24px;line-height:55px;}
    .divPcp .ptop .div2 {padding:10px 0%;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .divPcp {padding:45px 0px 0px}
    .divPcp .container {width:90%;}
    .divPcp .ptop .div1 {font-size:28px;line-height:55px;}
    .divPcp .ptop .div2 {padding:10px 10%;}
}

/*公司简介*/
.divAbout {float:left;width:100%;}
.divAbout .container {width:1250px;}
.divAbout .part1 {float:left;width:100%;background:#03a1d9;margin-top:45px;padding-top:35px;padding-bottom:140px;color:#fff;}
.divAbout .part1 .mr .div1{float:left;width:100%;font-size:40px;font-weight:bold;background:url(../images/ptop.jpg) no-repeat left top;line-height:70px;margin-top:10px;}
.divAbout .part1 .mr .div2 {float:left;width:100%;font-size:24px;margin:20px 0px 40px;}
.divAbout .part1 .mr .div3 {float:left;width:100%;font-size:16px;}
.divAbout .part1 .mr a {float:left;background:#fbcd13;color:#fff;display:block;border-radius:10px;padding:10px 30px;font-size:18px;margin-top:30px;}
.divAbout .part2 {float:left;width:100%;background:url(../images/part2.jpg) repeat-x bottom left;position:relative;padding-bottom:140px;}
@media (max-width: 767px) {
    .divAbout .container {width:100%;}
    .divAbout .part1 {margin-top:0px;padding-top:25px;padding-bottom:140px;}
    .divAbout .part1 .mr .div1{font-size:24px;line-height:60px;margin-top:30px;}
    .divAbout .part1 .mr .div2 {font-size:18px;margin:10px 0px 30px;}
    .divAbout .part1 .mr .div3 {font-size:14px;}
    .divAbout .part1 .mr a {font-size:14px;margin-top:30px;width:100%;text-align:center}

}
@media (min-width: 768px) and (max-width: 991px) {
    .divAbout .container {width:100%;}
    .divAbout .part1 {margin-top:0px;padding-top:25px;padding-bottom:140px;}
    .divAbout .part1 .mr .div1{font-size:24px;line-height:60px;margin-top:30px;}
    .divAbout .part1 .mr .div2 {font-size:18px;margin:0px 0px 20px;}
    .divAbout .part1 .mr .div3 {font-size:14px;}
    .divAbout .part1 .mr a {font-size:14px;margin-top:30px;width:100%;text-align:center}

}
@media (min-width: 992px) and (max-width: 1199px) {
    .divAbout .container {width:100%;}
    .divAbout .part1 {margin-top:0px;padding-top:25px;padding-bottom:140px;}
    .divAbout .part1 .mr .div1{font-size:24px;line-height:60px;margin-top:30px;}
    .divAbout .part1 .mr .div2 {font-size:18px;margin:0px 0px 20px;}
    .divAbout .part1 .mr .div3 {font-size:14px;}
    .divAbout .part1 .mr a {font-size:14px;margin-top:30px;width:100%;text-align:center}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .divAbout .container {width:90%;}
    .divAbout .part1 {margin-top:0px;padding-top:25px;padding-bottom:140px;}
    .divAbout .part1 .mr .div1{font-size:26px;line-height:60px;margin-top:30px;}
    .divAbout .part1 .mr .div2 {font-size:20px;margin:0px 0px 20px;}
    .divAbout .part1 .mr .div3 {font-size:16px;}
}

/*.divAbout .part2 .container {}*/
.divAbout .part2 .div1 {float:left;width:100%;background:#fff;margin-top:-80px;}
.divAbout .part2 .div2 {float:left;width:100%;height:80px;border:15px solid #54bfe5;border-bottom:none}
.divAbout .part2 .div3 {float:left;width:calc(100% - 30px);margin-left:15px;padding:0px 40px;margin-top:-40px;}
.divAbout .part2 .div4 {float:left;width:100%;border:1px solid #ddd;padding-top:40px}
.divAbout .part2 .div4 ul {float:left;width:100%;}
.divAbout .part2 .div4 ul li{text-align:center;color:#fbcd13;font-size:24px;}
.divAbout .part2 .div4 ul li span {line-height:120px;}
@media (max-width: 767px) {
    .divAbout .part2 .div4 {padding-bottom:40px}
    .divAbout .part2 .div4 ul li{font-size:16px;}
    .divAbout .part2 .div4 ul li img{width:80px;margin-bottom:20px}
    .divAbout .part2 .div4 ul li span {line-height:30px;margin-top:20px}
}

/*新闻中心*/
.divNews {float:left;width:100%;background:#f0faff;padding:75px 0px 45px;}
.divNews .ptop {float:left;width:100%;}
.divNews .ptop .div1 {float:left;width:100%;text-align:center;font-size:36px;color:#2c2c2c;background:url(../images/ptop.jpg) no-repeat top center;line-height:75px;}
.divNews .container {width:100%;padding:40px 3.5%}
.divNews .item {float:left;width:100%; margin-bottom:35px;}
.divNews .item:hover .div1 a{display:block }
.divNews .item .div1 {float:left;width:50%;border-bottom-left-radius:20px;border-top-left-radius:20px;box-shadow:#ddd 0px 0px 10px 3px}
.divNews .item .div1 a {float:left;width:100%;height:100%;background:url(../images/link.png) no-repeat center; background-color:rgba(251, 205, 19, 0.48);border-bottom-left-radius:20px;border-top-left-radius:20px;display:none}
/*.divNews .item .div1 img{float:left;width:100%;}*/
.divNews .item .div2 {float:left;width:50%;border-bottom-right-radius:20px;border-top-right-radius:20px;background:#fff;height:280px;box-shadow:#ddd 0px 0px 10px 3px;padding:0px 15px 0px 15px;position:relative}
.divNews .item .div2 a {float:left;width:100%;font-size:18px;color:#2e2e2e;margin-top:50px;}
.divNews .item .div2 span {float:left;width:100%;background:url(../images/time.png) no-repeat left center;font-size:12px;color:#909090;padding-left:15px;margin:15px 0px 30px;}
.divNews .item .div2 p {font-size:16px;color:#909090;float:left;height:120px;overflow:hidden;}
.divNews .item .div2 .jt {width:14px;height:33px;background:url(../images/jt.png);position:absolute;left:-13px;top:45%;}
.divNews .lmore {float:left;width:100%;text-align:center}
.divNews .lmore a {background:#fbcd13;color:#fff;display:table;border-radius:10px;padding:10px 30px;font-size:18px;margin-top:30px;margin:0 auto;margin-top:20px;}
@media (max-width: 767px) {
    .divNews {padding:25px 0px 10px;}
    .divNews .container {width:100%;padding:20px 0%}
    .divNews .item {margin-bottom:20px;}
    .divNews .ptop .div1 {font-size:24px;line-height:55px;}
    .divNews .item .div2 {height:205px;padding:0px 10px 0px 10px;}
    .divNews .item .div2 a {font-size:14px;margin-top:20px;}
    .divNews .item .div2 span {margin:10px 0px 15px;}
    .divNews .item .div2 p {font-size:14px;height:72px;overflow:hidden;}
    .divNews .lmore a {font-size:14px;margin-top:10px;width:95%;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .divNews {padding:45px 0px 30px;}
    .divNews .ptop .div1 {font-size:24px;line-height:55px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divNews {padding:25px 0px 10px;}
    .divNews .container {width:100%;padding:20px 0%}
    .divNews .item {margin-bottom:20px;}
    .divNews .ptop .div1 {font-size:24px;line-height:55px;}
    .divNews .item .div2 {height:205px;padding:0px 10px 0px 10px;}
    .divNews .item .div2 a {font-size:14px;margin-top:20px;}
    .divNews .item .div2 span {margin:10px 0px 15px;}
    .divNews .item .div2 p {font-size:14px;height:72px;overflow:hidden;}
    .divNews .lmore a {font-size:14px;margin-top:10px;width:95%;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .divNews .item {margin-bottom:20px;}
    .divNews .ptop .div1 {font-size:24px;line-height:55px;}
    .divNews .item .div2 {height:205px;padding:0px 10px 0px 10px;}
    .divNews .item .div2 a {font-size:14px;margin-top:20px;}
    .divNews .item .div2 span {margin:10px 0px 15px;}
    .divNews .item .div2 p {font-size:14px;height:72px;overflow:hidden;}
}
@media (min-width: 1441px) and (max-width: 1600px) {
    .divNews .item .div2 {height:300px;}
    .divNews .item .div2 a {margin-top:25px;}
}


/*底部菜单*/
.foot {float:left;width:100%;background:#242424;padding:65px 8% 0px 8%;color:#fefefe;}
.foot .container {width:100%;background:url(../images/map.jpg) no-repeat left bottom;padding-bottom:80px;}
.foot .div1 {float:left;width:26%;margin-left:3%}
.foot .div1 strong{float:left;width:100%;font-size:28px;line-height:40px;}
.foot .div1 p {float:left;width:100%; color:#909090;font-size:16px;margin-top:30px;}
.foot .div1 div {float:left;width:100%;margin-top:20px;font-size:16px;}
.foot .div1 div span {float:left;}

.foot .div2 {float:left;width:23%;margin-left:3%}
.foot .div2 strong{float:left;width:100%;font-size:28px;line-height:40px;}
.foot .div2 ul {float:left;width:100%;margin-top:30px}
.foot .div2 ul li{float:left;width:50%;margin:5px 0px}
.foot .div2 ul li a{float:left;width:100%;background:url(../images/mjt.png) no-repeat left center;padding-left:30px;font-size:16px;color:#909090}

.foot .div3 {float:left;width:18%;margin-left:3%}
.foot .div3 strong{float:left;width:100%;font-size:28px;line-height:40px;margin-bottom:30px;}
.foot .div3 p {float:left;width:100%;}
.foot .div3 img {float:left;margin-top:5px;margin-right:5px;}
.foot .div3 span {float:left;font-size:16px;color:#909090;width:90%}
.foot .div3 span a{color:#909090;}

.foot .div4 {float:right;width:18%;margin-right:3%}
.foot .div4 img {float:right;margin-top:70px;}

.copy {float:left;width:100%;background:#181717;padding:20px 10%}
.copy a{color:#fff}
.copy .container {width:100%;}
.copy ul {float:left;}
.copy ul li{float:left;}
.copy ul li a{float:left;font-size:16px;color:#a7a7a7;margin-right:30px;}
.copy div.f {float:right;font-size:16px;color:#a7a7a7}

@media (max-width: 767px) {
    .foot {padding:25px 0% 0px 0%;}
    .foot .container {padding-bottom:20px;}
    .foot .div1 {width:100%;margin-left:0%}
    .foot .div1 strong{font-size:18px;line-height:20px;}
    .foot .div1 p {font-size:14px;margin-top:20px;}
    .foot .div1 div {display:none}
    .foot .div2 {width:100%;margin-left:0%}
    .foot .div2 strong{font-size:18px;line-height:20px;margin-top:20px}
    .foot .div2 ul {margin-top:20px}
    .foot .div2 ul li{margin:2px 0px}
    .foot .div2 ul li a{padding-left:20px;font-size:14px;}
    .foot .div3 {width:100%;margin-left:0%;margin-top:20px}
    .foot .div3 strong{font-size:18px;line-height:20px;margin-bottom:20px;}
    .foot .div3 span {font-size:14px;}
    .foot .div4 {float:left;width:100%;margin-right:0%;display:none}
    .foot .div4 img {float:left;margin-top:20px;}
    .copy {padding:20px 0%}
    .copy ul {display:none}
    .copy div.f {float:left;font-size:14px;width:100%;text-align:center;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .foot {padding:25px 0% 0px 0%;}
    .foot .container {padding-bottom:20px;}
    .foot .div1 {width:47%;margin-left:3%}
    .foot .div1 strong{font-size:20px;line-height:24px;}
    .foot .div2 {width:47%;margin-left:3%}
    .foot .div2 strong{font-size:20px;line-height:24px;}
    .foot .div3 {width:47%;margin-left:3%;margin-top:20px}
    .foot .div3 strong{font-size:18px;line-height:20px;}
    .foot .div4 {float:left;width:47%;margin-right:0%;margin-left:3%;}
    .foot .div4 img {float:left;margin-top:40px;}
    .copy {padding:20px 0%}
    .copy ul {display:none}
    .copy div.f {float:left;font-size:14px;width:100%;text-align:center;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .foot {padding:25px 0% 0px 0%;}
    .foot .div1 {float:left;width:30%;margin-left:3%}
    .foot .div1 strong{font-size:20px;line-height:24px;}
    .foot .div2 {float:left;width:30%;margin-left:3%}
    .foot .div2 strong{font-size:20px;line-height:24px;}
    .foot .div3 {float:left;width:30%;margin-left:3%}
    .foot .div3 strong{font-size:18px;line-height:20px;}
    .foot .div4 {display:none}
    .copy {padding:20px 3%}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .foot {padding:25px 0% 0px 0%;}
    .copy {padding:20px 3%}
}


/*内页*/
.nbanner {float:left;width:100%;height:350px;}
@media (max-width: 767px) {
    .nbanner {margin-top:80px;height:300px;}
}


.cmain {padding-top:40px;padding-bottom:40px;}
.nowTitle {float:left; width:100%;text-align:center;}
.nowTitle .div1{float:left; width:100%;text-align:center;font-size:20px;color:#017cc1;background:url(../images/dotline.jpg) no-repeat bottom center;padding-bottom:20px;}
.nowTitle .div2 {float:left; width:100%;padding:15px 10%;}
.nowList {float:left;width:100%;padding:20px 0px;}
@media (max-width: 768px){
   .nowTitle .div2 {padding:15px 0%;}
   .cmain {padding-top:40px;padding-bottom:10px;}
}

.main {float:left;width:100%;margin:20px 0px}
.contLeft {float: left; width: 25%; background: #f5f5f5; position: relative;}
.contLeftNav {text-align: center;}
.contLeftNav ul {}
.contLeftNav ul li {}
.contLeftNav ul li h3 {height: 58px; line-height: 58px; border-top: 1px solid #e5e5e5; position: relative;}
.contLeftNav ul li h3 a {display: block; height: 100%;}
.contLeftNav ul li h3 a:hover {background: #efefef;}
.contLeftNav ul li h3 span {position: absolute; width: 30px; height: 30px; right: 17%; top: 50%; margin-top: -15px; background: url(../Template/zh/images/ico_jt_contL.png) no-repeat center; z-index: 22; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contLeftDown {display: none;}
.contLeftDown a {display: block; height: 56px; line-height: 56px; color: #fff; background: #017cc1; border-top: 1px solid #e5e5e5;}
.contLeftDown a:hover,
.contLeftDown a.on {background: #017cc1;}
.contLeftNav ul li.on h3 a {background: #017cc1; font-size: 18px; font-weight: 600; color: #fff;}
.contLeftNav ul li.on h3 span {background: url(../Template/zh/images/ico_jt_contL_a.png) no-repeat center; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.contLeftNav ul li.active h3 a {background: #017cc1; font-size: 16px; font-weight: 600; color: #fff;}
.contLeftNav ul li.active h3 span {background: url(../Template/zh/images/ico_jt_contL_a.png) no-repeat center;}
.contLeftTit {padding-top:2px; width: 100%; height: 116px; text-align: center; background:#017cc1; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.contLeftTit span {display: block; margin-top: 22px;}
.contLeftTit h2 {font-size: 16px; font-weight: 600; line-height: 26px; margin-top: 6px;}
.contLeftTit h3 {font-size: 12px; line-height: 18px;}

.contRight {float: right; width: 72.666%;margin-bottom:20px;}
.contRightH {line-height: 58px;height:58px; float:left;width:100%;background: url(../images/cont_tit_bg.png) repeat-x bottom;}
.contRightH h2 {float: left; font-size: 20px; color: #585858;line-height:58px;}
.contRightH p {float: right; font-size: 14px; color: #808080;}
.contRightH p a {color: #808080;}
.contRightH p a:hover,
.contRightH p span {color: #017cc1;}
.contRightWrap {margin-top: 15px; min-height:300px;float:left;width:100%;line-height:26px;}

@media (max-width: 768px) {
    .contLeft,.contRight {width: 100%;}
	.contLeftNav ul li h3 {height: 44px; line-height: 44px;}
	.contLeftDown a {height: 42px; line-height: 42px; background: #017cc1;}
	.contLeftTit h2 {font-size: 15px; line-height: 18px;	margin-top: 6px;}
	.contLeftTit h3 {line-height: 16px;}
	.contLeftTit span {margin-top: 8px;}
	.contLeftTit span img {width: 24px;}
	.contLeftTit {height: 78px; top: -78px; background: rgba(0,113,186,0.75);}
}


.itemlist {float:left;width:100%;}
.work-image {display: block;position: relative;z-index: 1;overflow: hidden;box-shadow: 0 1px 1px rgba(0,0,0,0.1);-webkit-transition: box-shadow 0.2s ease;transition: box-shadow 0.2s ease;border:1px solid #ddd;}
.work-image img {width: 100%;display: block;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.work-image:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.port{margin-top:25px;}
.link-overlay {position: absolute;top: 0;left: 0;bottom: 0;    right: 0;background: rgba(0,0,0,0);-webkit-transition: background-color 0.3s ease;transition: background-color 0.3s ease;}
.link-overlay:before {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;    left: 50%;
	margin: -22px 0 0 -25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font: 14px/46px 'FontAwesome';
	color: #2c2c2c;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity:0;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.work-image:hover .link-overlay { background: rgba(20,22,23,0.6);}
.work-image:hover  .link-overlay:before {-webkit-transform: scale(1);transform: scale(1);opacity:1;}
.work p { margin: 0; }
.work-name {display: inline-block;margin: 15px 0 6px;font: 14px ;}
a.work-name {color: #313538;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;position: relative; height:20px; line-height:20px;overflow:hidden;width:100%;text-align:center}
a.work-name:hover {color: #04BFEA;}

.NewsPage {float:left;width:100%;text-align:center;padding:30px 0px;font-size:14px;}
.mPadding {float:left; width:100%;padding:20px 0px 50px;}


#fh5co-contact {margin-top:30px;float:left; width:100%;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;padding-left: 40px;}
#fh5co-contact .contact-info li i {position: absolute;top: 0em;left: 0;font-size: 22px;color: rgba(0, 0, 0, 0.3);}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}

.bttn-mid {font-size: 18px;font-weight: 700;padding: 15px 40px;display: inline-block;border-radius: 30px 0 30px 0;cursor: pointer;text-transform: uppercase;transition: 0.4s;}
.bttn-mid:hover {border-radius: 0px 30px 0px 30px;}
.btn-fill {color: #fff;background: #017cc1;margin-top:50px;}
.btn-fill:hover {background: #4ea4ff;color: #ffffff;}

.con_map{float:left;width:100%;border:2px solid #017cc1;}
.mapContent{float:left;width:100%;height:500px;}
.BMap_Marker > div{
    position: relative;
    text-align: center;
    overflow: auto !important;
    animation: loc 2000ms infinite;
    -webkit-animation: loc 2000ms infinite;
    line-height: 150px;
}
.BMap_Marker > div > img{
    display: inline-block !important;
}
@keyframes loc
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}
@-webkit-keyframes
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}


/*----------------------------------------*/
/*  12. Blog CSS
/*----------------------------------------*/
/* Blog Wrapper */
.blog-wrap {margin-bottom: -30px;}
.blog-wrap > [class*="col"] {margin-bottom: 30px;}

/* Blog */
.blog .media {margin-bottom: 25px;}
.blog .media a {display: block;width: 100%;}
.blog .media img {width: 100%;}
.blog .content .title {font-size: 18px;margin-bottom: 15px;margin-top:0px;}
.blog .content .meta {
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
}

.blog .content .meta li {margin-top: 0;margin-right: 10px;}
.blog .content .meta li:last-child {margin-right: 0;}
.blog .content .meta li:not(:last-child)::after {margin-left: 10px;content: "-";}
.blog .content .desc {margin-bottom: 20px;}
.blog .content .read-more {font-weight: 600;color: #333333;}
.blog .content .read-more i {margin-left: 5px;}
.blog .content .read-more:hover {color: #007BFF;}

.blog .content .blog-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.blog .content .blog-tags ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.blog .content .blog-tags ul li {margin-top: 0;margin-right: 5px;}
.blog .content .blog-tags ul li::after {content: ",";}
.blog .content .blog-tags ul li:first-child {margin-right: 10px;}
.blog .content .blog-tags ul li:first-child::after {display: none}
.blog .content .blog-tags ul li:last-child {margin-right: 0;}

.blog .content .blog-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.blog .content .blog-share ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.blog .content .blog-share ul li {margin-top: 0;margin-right: 5px;}
.blog .content .blog-share ul li:first-child {margin-right: 10px;}
.blog .content .blog-share ul li:last-child {margin-right: 0}
.blog .content .blog-share ul li a {width: 30px;height: 30px;text-align: center;border-radius: 50%;background-color: rgba(0, 0, 0, 0.075);}
.blog .content .blog-share ul li a i {line-height: 32px;}
.blog .content .blog-share ul li a:hover {color: #FFFFFF;background-color: #007BFF;}
.blog.blog-single .content .title {font-size: 23px}
.blog.blog-single .content .desc {margin-bottom: 30px;}

.nTit {float:left;width:100%;font-size:24px;padding:20px 0px;}
.nDate {float:left;width:100%;color:#017cc1;font-size:16px;}
.nShare {float:left;width:100%;padding:10px 0px}
.nCon {float:left;width:100%;padding:10px 0px;min-height:300px;}
.NPager {float:left;width:100%;border-top:1px solid #f9f5f0;padding-top:10px;}

@media (max-width: 767px) {
   .nTit {font-size:18px;}
}

.contRight .xh{font-size:16px;color:#333;line-height:30px;padding:20px 36px;background:#f5f5f5;margin:0px;}
.pcpShow2 {float:left; width:100%;}
.pcpInfo {float:left;width:100%;padding-top:10px}
.pcpInfo .tits {float:left; width:100%;font-size:24px; line-height:30px; font-weight:normal;padding-bottom:20px;border-bottom:1px solid #5c656d}
.divContact {float:left; width:100%;padding:10px 0px; line-height:30px;}
.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:48%; display:block; text-align:center;background:#017cc1;color:#fff;padding:10px 0px}
.btnShare {float:left; width:100%;margin-top:20px;}


/* latest blog area css */
.mb-30 {
    margin-bottom: 30px;
}
.single-blog-area {
    position: relative;
    overflow: hidden;
}

.single-blog-area:before {
    content: '';
    left: 0;
    top: 0;
    right: 0px;
    bottom: 0;
    position: absolute;
    transition: all .3s;
    background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#000000', GradientType=0);
}
.single-blog-area img {
    width: 100%;
}
ul.category-list {
    position: absolute;
    left: 30px;
    top: 30px;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
}

ul.category-list li {
    display: inline-block;
    margin-right: 15px;
}

ul.category-list li a {
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    background: #ff2782;
    color: #ffffff;
    padding: 7px 12px;
    border-radius: 30px;
}

ul.category-list li a:hover {
    color: #ff2782;
    background: #ffffff;
}

.blog-title-date-wraper {
    position: absolute;
    left: 30px;
    bottom: 30px;
    right: 30px;
    transition: all .3s;
    margin-bottom: -60px;
}

.blog-title h3 a {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
}

ul.blog-author-date {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ffffff;
    opacity: 0;
    visibility: hidden;
}

ul.blog-author-date li {
    display: inline-block;
    font-size: 15px;
    text-transform: capitalize;
    margin-right: 18px;
}

ul.blog-author-date li a {
    color: #ffffff;
}

.single-blog-area:hover .blog-title-date-wraper {
    margin-bottom: 0;
}

.single-blog-area:hover ul.blog-author-date {
    opacity: 1;
    visibility: visible;
}

.single-blog-area:hover ul.category-list {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.single-blog-area:hover:before {
    background: -moz-linear-gradient(top, rgba(252, 90, 79, 0) 0%, rgba(238, 87, 37, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(252, 90, 79, 0) 0%, rgba(238, 87, 37, 1) 100%);
    background: linear-gradient(to bottom, rgba(252, 90, 79, 0) 0%, rgba(238, 87, 37, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#017cc1', endColorstr='#017cc1', GradientType=0);
}



.pic {width: 100%; overflow: hidden; font-size: 0;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.stuList {float:left;width:100%;}
.stuList li {float: left; width: 23.5%; margin-right: 2%;text-align: center;border:1px solid #e1e1e1;margin-bottom:20px;}
.stuList li:nth-child(4n) {margin-right: 0;}
.stuList li a {display: block;color: #4d4d4d;}
.stuList li .cont {padding: 15px 0 14px; }
.stuList li .cont h3 {font-size: 14px; line-height: 28px;padding:0px 10px;height:28px;overflow:hidden;margin:0px;}
.stuList li .cont p {line-height: 26px;}
.stuList li:hover a {color: #fff; background: #017cc1;}
.stuList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
@media (max-width: 992px) {
	.stuList li .cont {padding: 12px 0 11px;}
}

@media (max-width: 768px) {
	.stuList {margin-top: 25px;}
	.stuList li {width: 49%; margin-right: 2%;}
	.stuList li:nth-child(3n) {margin-right: 2%;}
	.stuList li:nth-child(2n) {margin-right: 0;}
	.stuList li .cont h3 {font-size: 14px; line-height: 20px;}
	.stuList li .cont p {font-size: 12px; line-height: 18px;}
	.stuList li .cont {padding: 8px 0 8px;}
}


.pcpShow2 {float:left; width:100%;}
.pcpInfo {float:left;width:100%;padding-top:10px}
.pcpInfo .tits {float:left; width:100%;font-size:24px; line-height:30px; font-weight:normal;padding-bottom:20px;border-bottom:1px solid #5c656d}
.divContact {float:left; width:100%;padding:10px 0px; line-height:30px;}
.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:48%; display:block; text-align:center;background:#017cc1;color:#fff;padding:10px 0px}
.btnShare {float:left; width:100%;margin-top:20px;}

#j_pro_tab {float:left; width:100%; background:#f8f8f8;height:50px; line-height:50px;margin-top:30px;}
#j_pro_tab li{float:left; width:180px;height:50px; line-height:50px;}
#j_pro_tab li a{float:left; width:100%;height:50px; line-height:50px;display:block; text-align:center;font-size:16px;color:#666;}
#j_pro_tab li a.active{background:#017cc1;color:#fff; }
.tab-content {float:left;background:#fff; width:100%;}
.tab-content  .tabs {float:left;font-size:14px;display:none;width:100%;padding:2%;border:1px solid #f8f8f8}
@media screen and (max-width: 768px) and (min-width:0px) {/* 移动端的尺寸 */
    #j_pro_tab li{float:left; width:50%;height:50px; line-height:50px;}}

.bordered {border:1px solid #666}
.bordered td{border:1px solid #666;padding:5px;}


.pagination {display:table;margin:0 auto;margin-bottom: 20px;margin-top:20px;}
.pagination li {float:left;margin:0px 5px;border-radius:50px;}
.pagination li a {font-weight: 600;color: #fff;border-radius: inherit !important;border:none;display:block;width:50px;height:50px;line-height:50px;border-radius:0;padding:0px;text-align:center;}
.pagination li.active a {background: #017cc1;border-color: transparent;color: #ffffff;}

.search_con{position:absolute; bottom:-105px;right:0px; width:300px; height:81px; padding-top:23px; padding-bottom:19px; background:url(../images/top_bg2.png) no-repeat;z-index:9999;display:none}
.search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:7px; width:230px; float:left; outline:none;}
.search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;border:none}
.search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}