﻿@charset "utf-8";
/* CSS Document */

body { font:14px/1.6 "Microsoft Yahei"; color:#333; background-color:#fff; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100%;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#41b9d7; }
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1280px; margin:0px auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none;}

/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#fff; }
textarea::-webkit-input-placeholder { color: rgba(0,0,0,.3); }
input::-webkit-input-speech-button { display: none; }




@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


/**index**/
.ggHead-box{ padding-bottom:90px; display:block; width:100%;}
.ggHead{ background:#fff; width:100%; height:90px; position:fixed; left:0; top:0; z-index:999;}
.ggHead-logo{ margin:10px 0 0 50px;}
.ggHead-nav li{ height:90px; float:left; position:relative; padding:0 30px;}
.ggHead-nav li a.far{ line-height:90px; font-size:18px; display:block;}
.ggHead-nav li:hover a.far, .ggHead-nav li.active a.far{ color:#41b9d7;}
.ggHead-nav li .sub{ background:#41b9d7; width:100%; position:absolute; left:0; top:100%; z-index:1; text-align:center; display:none;}
.ggHead-nav li .sub a{ line-height:36px; display:block; color:#fff; border-bottom:1px #fff solid;}
.ggHead-nav li .sub a:hover{ background:#183369;}

.ggHead-oa{ padding-top:30px;}
.ggHead-oa a{ background:#183369; margin-left:30px; float:left; line-height:30px; min-width:81px; text-align:center; color:#fff; text-transform:uppercase; border-radius:20px;}
.ggHead-oa a:last-child{ background:#01acc6;}

.ggHead-set{ background:#01acc6; margin-left:38px;}
.ggHead-set .search{ width:78px; text-align:center; position:relative; height:90px;}
.ggHead-set .search:before{ content:''; background:#3cbfd3; width:1px; height:30px; position:absolute; right:0; top:30px;}
.ggHead-set .search .srhBtn{ color:#fff; font-size:24px; line-height:90px; cursor:pointer;}
.ggHead-set .search .srhBox{ background-color:#fff; position:absolute; right:5%; top:100%; padding:10px 45px 10px 10px; width:300px; display:none; -moz-opacity:.85; -khtml-opacity:.85; opacity:.85;}
.ggHead-set .search .inpt{ background:none; width:100%; height:30px; line-height:30px; color:#2c2c2c;}
.ggHead-set .search .btn{ background:#183369; width:45px; height:50px; line-height:50px; color:#fff; font-size:20px; display:inline-block; position:absolute; right:0; top:0; cursor:pointer; }
.ggHead-set .zixun{ width:78px; text-align:center; font-size:24px; color:#fff; line-height:90px;}



.ggBanner{ overflow:hidden; position:relative;}
.ggBanner li img{ width:100%;}
.ggBanner .swiper-pagination{ font-size:0; bottom:15px !important;}
.ggBanner .swiper-pagination-bullet{ background:#fff; width:26px; height:6px; margin:0 7px !important; border-radius:3px; opacity:1;}
.ggBanner .swiper-pagination-bullet-active{ background:#01acc6;}


.ggColumn{ padding:65px 0;}
.ggColumn-wid{ width:74%; margin:auto;}
.ggColumn-wid a{ width:33.3%; float:left; position:relative; color:#fff; border-right:5px #fff solid;}
.ggColumn-wid a img{ width:100%;}
.ggColumn-wid a .text{ position:absolute; right:65px; top:50%; margin-top:-33px; text-align:right;}
.ggColumn-wid a .cn{ font-size:24px; }
.ggColumn-wid a .en{ font-size:18px; text-transform:uppercase; }
.ggColumn-wid a:nth-child(2) .text{ right:auto; left:60px; text-align:left;}
.ggColumn-wid a:nth-child(3) .text{ right:auto; left:60px; color:#3b666d; text-align:left;}




.ggNews{ background:#f5f5f5; padding:75px 0;}
.ggNews-wid{ width:74%; margin:auto; display:flex;}
.ggNews-wid-left{ background:#fff; width:50%; display:table-cell; }
.ggNews-wid-right{ background:#01acc6; width:50%; display:table-cell;}
.ggNews-title{ padding:30px 20px 40px 8%; line-height:34px;}
.ggNews-title .cn{ font-size:24px; float:left;}
.ggNews-title .mo{ background:#ececec; width:34px; height:34px; text-align:center; color:#c0c0c0; font-weight:bold; float:right; font-size:20px;}
.ggNews-title .mo:hover{ background:#41b9d7; color:#fff;}
.ggNews-con{ padding:0 14%;}
.ggNews-conPic{ position:relative; overflow:hidden;}
.ggNews-conPic img{ width:100%; display:block; transition:all 0.4s;}
.ggNews-conPic .tit{ background:rgba(0,172,198,.8); width:100%; position:absolute; left:0; bottom:0; font-size:14px; color:#fff; padding:0 13px; z-index:1; line-height:38px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ggNews-conPic:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.ggNews-conList{ padding:30px 0;}
.ggNews-conList li{ padding:13px 0; overflow:hidden;}
.ggNews-conList li a{ color:#666;}
.ggNews-conList li a:hover{ color:#41b9d7; }
.ggNews-conList li span{ float:right; color:#666; padding-left:25px; position:relative;}
.ggNews-conList li span:before{ content:''; background:#c1c1c1; width:2px; height:16px; position:absolute; left:0; top:3px;}

.ggDynamic{ background:#e8e8e8; position:relative;}
.ggDynamic-tit{ font-size:24px; position:absolute; left:50px; top:30px;  }
.ggDynamic-list{ overflow:hidden;}
.ggDynamic-list li{ width:100%; display:flex;}
.ggDynamic-list li .word{ width:50%; padding:100px 30px 40px 50px; display:table-cell;}
.ggDynamic-list li .word .t{ font-size:16px; line-height:24px; height:48px; overflow:hidden; font-weight:bold;}
.ggDynamic-list li .word .c{ line-height:24px; margin-top:10px; height:72px; overflow:hidden; color:#666;}
.ggDynamic-list li .figure{ width:50%; display:table-cell; overflow:hidden;}
.ggDynamic-list li .figure span{ background-position:center; background-size:cover; width:100%; height:100%; display:block; transition:all 0.4s;}
.ggDynamic-list li .figure:hover span{  transform:scale(1.1); -webkit-transform:scale(1.1);}
.ggDynamic-list .swiper-button-next, .ggDynamic-list .swiper-button-prev{ top:50px; margin-top:0; width:15px; height:15px; left:auto; right:auto;}
.ggDynamic-list .swiper-button-prev{ left:38%;}
.ggDynamic-list .swiper-button-prev:before{ content:''; height:7px; width:7px; display:block; border:2px solid #575757; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:2px; left:3px;}
.ggDynamic-list .swiper-button-next{ left:calc(38% + 30px);}
.ggDynamic-list .swiper-button-next:before{ content:''; height:7px; width:7px; display:block; border:2px solid #575757; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:2px; left:3px;}


.ggProject{ display:flex; padding:20px 0 10px 0;}
.ggProject-title{ width:32%; display:table-cell; position:relative;}
.ggProject-title .cn{ width:100%; font-size:24px; text-align:center; color:#fff; display:block; position:absolute; left:0; top:70px;}
.ggProject-title .mo{ background:#0399b0; width:34px;  height:34px; text-align:center; line-height:34px; font-size:20px; display:inline-block; position:absolute; left:50%; margin-left:-17px; bottom:20px;}
.ggProject-list{ width:68%; display:table-cell; padding:0 5%;}
.ggProject-list li{ padding:15px 0 10px 0; border-bottom:1px #39b7cc solid;}
.ggProject-list li .t{ font-size:14px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ggProject-list li .d{ margin-top:10px; display:block; color:#75c7d8;}
.ggProject-list li:last-child{ border-bottom:0;}


.ggSystem li{ width:16.6%; float:left; position:relative; border-right:1px #fff solid; overflow:hidden;}
.ggSystem li:before{ content:''; background:rgba(0,51,102,.4); width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;transition:all 0.4s;}
.ggSystem li img{ width:100%; display:block; transition:all 0.4s;}
.ggSystem li .txt{ width:100%;  position:absolute; left:0; top:50%; margin-top:-20px; z-index:2; transition:all 0.4s; text-align:center;}
.ggSystem li .txt .cn{ font-size:18px; display:inline-block; color:#fff; padding-bottom:10px; border-bottom:1px #fff solid;}
.ggSystem li .xq{ width:100px; height:30px; line-height:28px; border:1px #fff solid; text-align:center; color:#fff; display:block; position:absolute; bottom:-100%; left:50%; margin-left:-50px; z-index:1; opacity:0; transition:all 0.4s;}
.ggSystem li:hover img{  transform:scale(1.1); -webkit-transform:scale(1.1);}
.ggSystem li:hover .txt{ top:20%; }
.ggSystem li:hover .xq{ opacity:1; bottom:20%;}

.ggFooter{ background:#f3f3f3; padding:35px 50px 20px 50px; border-bottom:1px #e3e3e3 solid;}
.ggFooter dl{ float:left; width:9%;}
.ggFooter dl dt{ font-size:16px; padding-bottom:15px;}
.ggFooter dl dd a{ display:block; color:#646464; line-height:30px;}
.ggFooter dl dd a:hover{ color:#41b9d7; }

.ggFooter-add{ width:46%; padding-left:3%; border-left:1px #e3e3e3 solid;}
.ggFooter-addTit{ font-size:18px; font-weight:bold; }
.ggFooter-addCot { padding-top:20px; font-size:14px;}
.ggFooter-addCot > div.code{ text-align:center; display:none;}
.ggFooter-addCot > div.code img{ margin-bottom:10px;}
.ggFooter-addCot > div.word{ width:45%; line-height:30px; color:#585858; float:left;}
.ggFooter-addCot > div.map{ width:55%; float:right;}
.ggFooter-addCot > div.map img{ border:1px #ccc solid;}

.ggFooter-links{ background:#f3f3f3; padding:25px 50px; line-height:28px;}
.ggFooter-links .tit{ font-size:18px; font-weight:bold;}
.ggFooter-links .cot{ width:calc(100% - 80px);}
.ggFooter-links .cot a{ color:#585858; padding-left:2%; float:left;}

.ggFooter-btm{ background:#d1d1d1; line-height:25px; padding:25px 50px;}
.ggFooter-btm .share a{ margin-left:54px; float:left;}
.ggFooter-btm .share a i{ background:#929292; width:25px; height:25px; text-align:center; vertical-align:top; display:inline-block; font-size:15px; color:#f3f3f3; border-radius:50%; margin-right:8px;}



/**产品中心**/
.pBanner{ background-position:center; background-size:cover; width:100%; height:265px;}
.pPos-warp{ background:#00225f; width:100%; height:70px; margin-top:1px; position:relative; z-index:10;}
.pPos-select .zy{ color:#02bee0; line-height:70px; font-size:26px; float:left;}

.pPos-menu a{ font-size:16px; float:left; color:#fff; display:block; margin:0 40px; position:relative; line-height:70px;}
.pPos-menu a:last-child{ margin-right:0;}
.pPos-menu a:before{ content:''; background:#04c6e3; width:0; height:2px; position:absolute; left:50%; bottom:10px; transition:all 0.4s;}
.pPos-menu a:after{ content:''; background:#fff; width:2px; height:19px; position:absolute; right:-38px; top:26px;}
.pPos-menu a:last-child:after{ background:none;}
.pPos-menu a.active:before, .pPos-menu a:hover:before{ width:100%; left:0;}


.filter-box { float:left; margin-left:10px; position:relative; }
.filter-box select { display: none; }
.filter-box .mt { padding-right:45px; padding-left:20px; position:relative; cursor:pointer; line-height:70px; font-size:18px; color:#fff;}
.filter-box .mt .aw{content:''; height:6px; width:6px; display:block; border:2px solid #fff; border-right-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:50%; right:2px; margin-top:-5px; transition:all 0.2s;}
.filter-box .mc { background:#fff; position: absolute; left:5px; right: 0px; top: 100%; display: none; padding:8px 0; overflow:hidden; border:1px solid #e6e6e6;}
.filter-box .mc li a { display:block; padding:0 10px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.filter-box .mc li a:hover { background-color:#00225f; color:#fff;}
.filter-box.act .mt .aw { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); margin-top:-3px; }


.pMain-warp{ padding-bottom:100px;}
.pMain-title{ text-align:center; padding:50px 0 40px 0;}
.pMain-title .cn{ font-size:36px; line-height:1.2;}
.pMain-title .en{ color:#b1b1b1; margin-top:18px; text-transform:uppercase; font-size:18px; line-height:1;}

.pInteg-title{ padding:60px 0 35px 0;}
.pInteg-title .cn{ font-size:24px; line-height:1.2; padding-right:60px; position:relative; display:inline-block;}
.pInteg-title .cn .icon{ font-family:"宋体"; font-style:normal; color:#01acc6; font-weight:bold; font-size:36px; line-height:1; display:inline-block; position:absolute;}
.pInteg-title .cn .icon.l{ left:-60px; top:0;}
.pInteg-title .cn .icon.r{ right:0; top:15px;}

.pInteg-con .word{ width:61%; padding-top:10px; color:#666; line-height:30px; text-align:justify;}
.pInteg-con .pic{ width:35%;}

.pInteg-list{ margin-left:-2%; position:relative;}
.pInteg-list li{ width:14.6%; display:inline-block; margin-left:2%; float:left; text-align:center; transition:all 0.4s;}
.pInteg-list li .pic{ overflow:hidden; max-height:190px;} 
.pInteg-list li .pic img{ width:100%; transition:all 0.3s;}
.pInteg-list li .name{ font-size:16px; color:#01acc6; padding:27px 0; border:1px #ededed solid; border-top:0;}
.pInteg-list li:hover{ -webkit-box-shadow:0 5px 6px rgba(0,0,0,.21); -moz-box-shadow:0 5px 6px rgba(0,0,0,.21); box-shadow:0 5px 6px rgba(0,0,0,.21);}
.pInteg-list li:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.pAbil-word{ line-height:30px;}
.pAbil-number{ padding:45px 0;}
.pAbil-number li{ width:16.6%; float:left; text-align:center; display:inline-block;  border-right:1px #e4e4e4 solid;}
.pAbil-number li .t{ color:#41b9d7; font-size:16px;}
.pAbil-number li .t strong{ font-size:48px; font-weight:bold;}
.pAbil-number li .c{ font-size:18px; padding-top:15px; font-weight:bold; color:#476fb8;}
.pAbil-number li:last-child{ border-right:0;}

.pAbil-list li{ width:48%; float:left; margin-top:50px; display:inline-block; border:1px #e4e4e4 solid;}
.pAbil-list li .pic{ width:41%; overflow:hidden; display:table-cell;}
.pAbil-list li .pic img{ width:100%; transition:all 0.3s;}
.pAbil-list li .word{ width:59%; padding:20px; display:table-cell;}
.pAbil-list li .word .t{ font-size:18px; color:#41b9d7; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pAbil-list li .word .c{ line-height:30px; color:#999; max-height:150px; overflow:hidden; margin-top:13px;}
.pAbil-list li:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.pAbil-list li:nth-child(2n+2){ float:right;}


.pContact-us{ border:1px #d6d6d6 solid;}
.pContact-us .figure{ width:67%; height:600px;}
.pContact-us .figure p{ height:100%;}
.pContact-us .word{ width:33%; padding:60px 40px 0 40px;}
.pContact-us .word .c{ font-size:16px; line-height:40px; color:#666; margin-top:30px;}


.pNews-detaTitle{ text-align:center; font-size:24px; line-height:30px; padding:75px 0 40px 0;}
.pNews-deatTime{ color:#999; padding:20px 0; line-height:28px; border-top:1px #e9e9e9 solid; border-bottom:1px #e9e9e9 solid;}
.pNews-deatTime .date i{ color:#06bfe0; font-size:20px; padding-right:10px; display:inline-block; font-style:normal; vertical-align:top;}
.pNews-deatTime .return i{  color:#06bfe0; font-size:20px; padding-right:10px; display:inline-block; font-style:normal; vertical-align:top;}
.pNews-deatCont{ color:#666; line-height:30px; padding-top:50px;}

.pAbout-con{ padding-top:30px;}
.pAbout-con .pic{ width:42%;}
.pAbout-con .word{ width:56%; line-height:30px; color:#666;}


.pFengc-list{ margin-left:-3%; position:relative; margin-top:35px;}
.pFengc-list li{ width:30.3%; float:left; padding-bottom:33px; text-align:center; margin-left:3%; display:inline-block;}
.pFengc-list li .pic{ overflow:hidden;}
.pFengc-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pFengc-list li .txt{ padding:0 15px; border:1px #d6d6d6 solid;}
.pFengc-list li .txt .t{ padding:20px 0; font-size:18px; border-bottom:1px #bbbbbb dashed;}
.pFengc-list li .txt .d{ color:#bbb; padding:12px 0;}
.pFengc-list li:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.pPage{ text-align:center; padding-top:40px;}
.pPage a{ line-height:39px; padding:0 15px; color:#666; vertical-align:middle; display:inline-block; font-size:18px; margin:0 10px;}
.pPage a.active, .pPage a:hover{ color:#00cae9; border:1px #00cae9 solid;}


.pMessage{ background:#f0f4f6; padding:30px 25px 30px 45px;}
.pMessage .filed{ width:50%; float:left; margin-top:19px; padding-right:20px;}
.pMessage .filed.wth100{ width:100%;}
.pMessage .filed label{ display:block; padding-bottom:8px;}
.pMessage .filed label .red{ color:#f03742; font-style:normal;}
.pMessage .filed .inpt{ width:100%; padding:10px; height:50px; line-height:30px;}
.pMessage .filed .area{ width:100%; height:185px; padding:10px; resize:none;}
.pMessage .filed .yzm-aside{ width:265px; position:relative;}
.pMessage .filed .yzm-aside .img{ width:95px; height:30px; position:absolute; right:10px; top:10px;}
.pMessage .filed .btn{ background:#246dc9; width:108px; height:49px; line-height:49px; text-align:center; color:#fff; font-size:16px; margin-top:7px; cursor:pointer;}


.pCooper-line{ border:1px #d6d6d6 solid;}
.pCooper-line .figure{ width:48%; overflow:hidden;}
.pCooper-line .figure img{ width:100%; display:block; transition:all 0.4s;}
.pCooper-line .figure:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.pCooper-line .word{ width:52%; padding:35px;}
.pCooper-line .word .t{ font-size:24px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pCooper-line .word .c{ line-height:30px; color:#999; text-align:justify; margin-top:30px; height:180px; overflow:hidden;}
.pCooper-line .word .m{ display:block; color:#999; line-height:24px; margin-top:35px;}
.pCooper-line .word .m i{ color:#0a0a0a; margin-left:15px; font-size:24px; vertical-align:top; transition:all 0.4s;}
.pCooper-line .word .m:hover{ color:#01acc6;}
.pCooper-line .word .m:hover i{ margin-left:25px; color:#01acc6;}


.pCooper-list{ margin-left:-3%; position:relative;}
.pCooper-list li{ width:30.3%; margin:45px 0 0 3%; float:left; border:1px #d6d6d6 solid;}
.pCooper-list li .pic{ overflow:hidden; max-height:235px;}
.pCooper-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pCooper-list li .tit{ padding:25px 0 25px 15px; position:relative; line-height:30px; font-size:16px;}
.pCooper-list li .tit i{ font-size:24px; color:#1e1e1e; position:absolute; right:25px; top:25px; transition:all 0.4s;}
.pCooper-list li:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.pCooper-list li:hover .tit i{ color:#01acc6; right:20px;}


.pNews-list{ margin-left:-4%; position:relative;}
.pNews-list li{ width:29.3%; float:left; margin:0 0 70px 4%; height:340px; position:relative; padding-bottom:45px; border-bottom:1px #d6d6d6 solid;}
.pNews-list li .pic{ overflow:hidden; max-height:200px; margin-bottom:16px;}
.pNews-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pNews-list li .date{ color:#bbb; display:block; }
.pNews-list li .tit{ font-size:18px; line-height:30px; height:60px; overflow:hidden; transition:all 0.4s;}
.pNews-list li .time{ background:#01acc6; width:100%; font-size:16px; color:#fff; line-height:30px; position:absolute; left:0; bottom:-32px; height:0; transition: 0.5s; overflow:hidden;}
.pNews-list li .time i{ background:#00cae9; width:30px; height:30px; text-align:center; color:#fff; font-weight:bold; font-size:18px; display:inline-block; position:absolute; right:20px; top:20px;}
.pNews-list li:hover .pic img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.pNews-list li:hover .date{ display:none;}
.pNews-list li:hover .time{ height:70px; padding:20px;}


.pJoin-con{ border:1px #d6d6d6 solid;}
.pJoin-con .figure{ width:67%;}
.pJoin-con .word{ width:33%; padding:30px 30px 0 30px;}
.pJoin-con .word .t{ font-size:36px; font-weight:bold; text-transform:uppercase; line-height:1.1;}
.pJoin-con .word .c{ line-height:30px; color:#999; margin-top:15px;}
.pJoin-con .word .m{ font-size:18px; color:#01acc6; margin-top:15px; display:block;}


.pJob-list{ padding-top:70px;}
.pJob-list .jt { border:1px solid #d6d6d6; margin-top:20px; height:70px; line-height:68px; padding-right:150px; position:relative; overflow:hidden; *zoom:1; cursor:pointer; }
.pJob-list .jt strong { float:left; width:26%; height:100%; font-size:14px; font-weight:normal; color:#666; text-align:center; }
.pJob-list .jt strong:first-child{ width:20%; font-size:18px; font-weight:bold; color:#000;}
.pJob-list .jt .arrow{ background:#01acc6; width:70px; height:100%; position:absolute; right:0; top:0; color:#fff; font-size:24px; text-align:center;}
.pJob-list .jc { background:#f1f1f1; display:none; line-height:30px; padding:20px 50px;}
.pJob-list .jc .t{ font-size:16px; font-weight:bold; color:#333;}
.pJob-list .jc .c{ color:#666; padding-bottom:25px;}
.pJob-list .jc .blue{ color:#01acc6;}


.pHonor-bigPic .show{ padding:80px 0; position:relative; text-align:center; overflow:hidden;}
.pHonor-bigPic .show .tit{ background:#e0eff1; width:100%; font-size:18px; line-height:45px; position:absolute; left:0; bottom:0; text-align:left; padding-left:3%;}
.pHonor-smallPic{ position:relative; overflow:hidden; margin-top:20px; padding:0 35px;}
.pHonor-smallPic li{  height:127px; overflow:hidden; text-align:center; border:4px #fff solid;}
.pHonor-smallPic li.swiper-slide-active{ border-color:#01acc6;}
.pHonor-smallPic li img{ max-height:100%;}
.pHonor-smallPic .swiper-button-next, .pHonor-smallPic .swiper-button-prev{ background:#3a3a3a; width:27px; height:127px; top:0; margin-top:0;}
.pHonor-smallPic .swiper-button-prev{ left:0;}
.pHonor-smallPic .swiper-button-prev:before{content:''; height:10px; width:10px; display:block; border:2px solid #ebebeb; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:50%; margin-top:-9px; left:10px;}
.pHonor-smallPic .swiper-button-next{ right:0;}
.pHonor-smallPic .swiper-button-next:before{content:''; height:10px; width:10px; display:block; border:2px solid #ebebeb; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:50%; margin-top:-9px; left:5px;}


.caseMmenu{ background-color:#246dc9;  position: relative; z-index:10; display:none;}
.caseMmenu dt {  width: 100%; color: #fff;  line-height: 50px; height: 50px; overflow: hidden; text-align: center; font-size:16px; cursor:pointer; }
.caseMmenu dt .caret { display:inline-block; width:0; height:0; margin-left:10px; vertical-align:middle; border-top:6px solid; border-right:6px solid transparent; border-left:6px solid transparent; }
.caseMmenu dd{ background-color:#246dc9; position:absolute; left:0px; top:50px; padding:0 0 10px 0; width:100%; display:none;}
.caseMmenu dd a { text-align:center; font-size:15px; display:block; line-height:36px; color:#fff;}
.caseMmenu dd a.act, .caseMmenu dd a:hover { background:#fff; color:#246dc9; }



/**手机导航**/
.menuBtn { width:70px; height:90px; position:absolute; right:0; top:0; color:#009572; z-index:100; cursor: pointer; transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menu-handler { width:70px; height:90px; cursor: pointer; position: relative; float: right; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); background-color:#01acc6; }
.menu-handler:before{ content:''; background:#3cbfd3; width:1px; height:30px; position:absolute; left:0; top:30px;}
.menu-handler .burger { width:30px; height:3px; background: #fff; display: block; position: absolute; z-index: 5; top:32px; left: 50%; margin: 0px 0px 0px -15px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menu-handler .burger-2 { top:42px; }
.menu-handler .burger-3 { top:52px; }
.menu-handler.active .burger-1 { top:42px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top:42px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right: 9px; top:0; cursor: pointer; }
.menuclose:hover { background-color: #01acc6; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.mobileLogo { padding:24px 0px 0px; text-align: center; width:200px; margin:0px auto; display: block; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }

.navMobile { padding:40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:18px; position: relative; padding:7px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#01acc6; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 15px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#01acc6;}

.sharpBox{ opacity: 0; text-align:center; padding-bottom:35px; transition: 600ms ease 400ms; -webkit-transition: 600ms ease 400ms;}
.sharpBox a { background:#183369; display:inline-block; padding:0 15px; line-height:30px; color:#fff; margin:0 10px; vertical-align:top; position:relative; top: 0; }
.sharpBox a:last-child{ background:#01acc6;}

.open .menuMobileBox{ height: 100%;}
.open .mobileLogo{ padding-top: 35px;}
.open .navMobile dd p a{opacity: 1;}
.open .menuMobileBox .sharpBox{ opacity: 1;}


.yij-dial{ font-size: 18px; background: #01acc6; text-align: center; color: #fff; line-height: 40px; display:none;}

.paging a {line-height: 38px;padding: 0 15px;background: #d2d2d2;display: inline-block;font-size: 16px;color: #fff;margin: 0 5px;}

.paging .nowpage {
    height: 38px;
    line-height: 38px;
    padding: 0 15px;
    background: #01acc6;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    margin: 0 5px;
}