﻿@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family: "SourceHanSansCN-Normal"; color:#333; background:#fff; overflow-x:hidden; -webkit-tap-highlight-color:transparent;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family: "SourceHanSansCN-Normal"; -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% !important;}
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:#093879; }
*{ 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:1400px; margin:0 auto; }
.w1600{ width:1600px; margin:0 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] ,input[type=submit],input[type=button],button{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#c8c8c8; }
textarea::-webkit-input-placeholder { color:#c8c8c8; }
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- */
}

@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../font/SourceHanSansCN-Normal.woff") format("woff"),
       url("../font/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("../font/SourceHanSansCN-Normal.svg") format("svg"),
       url("../font/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}



/**index**/
.trHead{ width:100%; position:relative; z-index:999;}
.trHead-logo{ margin-top:40px;}

.trHead-tools{ color:#7ea0ce; line-height:32px; padding-top:21px;}
.trHead-tools .email-login{ color:#7ea0ce;}
.trHead-tools .email-login .iconfont{ font-size:25px; margin-right:10px; vertical-align:top; display:inline-block;}
.trHead-tools .search{ width:210px; height:32px; position:relative; margin:0 20px 0 45px; display:inline-block; border:1px #b4bdca solid; border-radius:20px;}
.trHead-tools .search .inpt{ background:none; width:100%; height:30px; line-height:30px; float:left; padding-left:15px;}
.trHead-tools .search .btn{ background:none; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:10px; top:0; font-size:18px; color:#7ea0ce; cursor:pointer;}
.trHead-tools .language a{ padding:0 10px; color:#7ea0ce;}

.trHead-nav li{ padding:0 35px; position:relative; float:left;}
.trHead-nav li:before{ content:''; background:#656565; width:1px; height:22px; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.trHead-nav li:last-child:before{ display:none;}
.trHead-nav li a.far{ font-size:20px; color:#656565; line-height:97px; display:inline-block; position:relative;}
.trHead-nav li a.far:before{ content:''; background:#093879; width:0; height:8px; position:absolute; left:50%; bottom:0; transition:all 0.4s;}
.trHead-nav li.active a.far, .trHead-nav li:hover a.far{ color:#093879;}
.trHead-nav li.active a.far:before, .trHead-nav li:hover a.far:before{ width:100%; left:0;}
.trHead-nav li .sub{ background:#093879; width:100%; position:absolute; left:0; top:100%; padding:10px 0; display:none;}
.trHead-nav li .sub a{ display:block; color:#fff; padding:10px 0; text-align:center; font-size:16px;}
.trHead-nav li .sub a:hover{ background:#fff; color:#093879;}

.trBanner{ position:relative; overflow:hidden;}
.trBanner li img{ width:100%; display:block;}
.trBanner .swiper-pagination{ font-size:0; bottom:100px !important;}
.trBanner .swiper-pagination-bullet{ background:#fff; width:18px; height:18px; opacity:1; margin:0 14px !important;}
.trBanner .swiper-pagination-bullet-active{ background:#093879;}
.trBanner .mouse{ background:url(../images/mouse-bg.png) no-repeat; width:306px; height:84px; text-align:center; padding-top:19px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:2;}
.trBanner .mouse .icon{ background:url(../images/mouse-icon.png) no-repeat; width:28px; height:47px; display:inline-block; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}


.trMain{ background:#2d85ba;}
.trAbout{ padding-top:110px;}
.trAbout-title{ background:url(../images/trAbout-title.png) no-repeat bottom center; padding-bottom:30px; text-align:center; font-size:36px; line-height:1.2; color:#fff;}
.trAbout-info{ margin-top:70px;}
.trAbout-info .figure{ width:47%; overflow:hidden;}
.trAbout-info .figure img{ width:100%; display:block; transition:transform 2.5s ease;}
.trAbout-info .figure:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.trAbout-info .word{ width:48%; color:#fff; padding-top:45px;}
.trAbout-info .word .cn-t{ font-size:24px;}
.trAbout-info .word .en-t{ font-size:14px; text-transform:uppercase; margin-top:8px;}
.trAbout-info .word .c{ font-size:18px; line-height:30px; max-height:120px; overflow:hidden; margin-top:35px; text-align:justify; text-indent:30px; letter-spacing:2px;}
.trAbout-info .word .m{ background:url(../images/trAbout-more.png) no-repeat left bottom; padding:0 0 5px 9px; margin-top:105px; display:block; font-size:16px; color:#76b9e1;}


.trNews{ margin-top:140px;}
.trNews-tab{ text-align:center; margin-top:95px; font-size:0;}
.trNews-tab a{ display:inline-block; font-size:24px; color:#76b9e1; padding:0 60px;}
.trNews-tab a .dot{ width:21px; height:21px; display:inline-block; float:left; margin-right:20px; margin-top:6px; position:relative; border:2px #76b9e1 solid; border-radius:50%;}
.trNews-tab a.active, .trNews-tab a:hover{ color:#fff;}
.trNews-tab a.active .dot, .trNews-tab a:hover .dot{ border-color:#fff;}
.trNews-tab a.active .dot:before, .trNews-tab a:hover .dot:before{ content:''; background:#fff; width:7px; height:7px; position:absolute; left:5px; top:5px; border-radius:50%;}

.trNews-list { margin-top:75px; text-align:center; }
.trNews-list li{ width:400px; display:inline-block; vertical-align:top; overflow:hidden;}
.trNews-list li .date{ background:#093879; width:110px; height:110px; text-align:center; color:#fff; font-size:18px;}
.trNews-list li .date .d{ font-size:36px; line-height:1; padding:20px 0 15px 0;}
.trNews-list li .word{ width:265px; padding-top:10px; text-align:left;}
.trNews-list li .word .t{ font-size:21px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.trNews-list li .word .t a{ color:#fff;}
.trNews-list li .word .c{ height:48px; font-size:16px; line-height:24px; color:#fff; margin-top:14px; overflow:hidden; }
.trNews-list li:first-child{ float:left;}
.trNews-list li:last-child{ float:right;}

.trNews-figure{ position:relative; overflow:hidden; margin-top:70px;}
.trNews-figure li{ position:relative;}
.trNews-figure li:before{ content:''; background:rgba(9,56,121,.5); width:100%; height:164px; position:absolute; left:0; bottom:0; z-index:1;}
.trNews-figure li img{ width:100%; display:block;  transition:transform 2.5s ease;}
.trNews-figure li .text{ position:absolute; left:60px; bottom:25px; z-index:2; width:675px; color:#fff;}
.trNews-figure li .text .t{ font-size:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.trNews-figure li .text .c{ font-size:18px; line-height:30px; max-height:60px; overflow:hidden; margin-top:15px;}
.trNews-figure li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.trNews-figure .swiper-button-next, .trNews-figure .swiper-button-prev{ width:160px; height:164px; line-height:164px; text-align:center; top:auto; margin-top:auto; bottom:0; font-size:37px; color:#fff; z-index:2;}
.trNews-figure .swiper-button-next{ right:0;}
.trNews-figure .swiper-button-prev{ left:auto; right:160px;}
.trNews-figure .swiper-button-next:hover, .trNews-figure .swiper-button-prev:hover{ background:#093879;}

.trNews-more{ text-align:center; margin-top:50px;}
.trNews-more .view{ background:url(../images/trAbout-more.png) no-repeat left bottom; padding:0 0 5px 9px; display:inline-block; min-width:106px; text-align:left; font-size:16px; color:#76b9e1;}

.trBusiness{ margin-top:140px;}
.trBusiness-list{ margin-top:70px;}
.trBusiness-list a{ width:20%; height:315px; float:left; position:relative; overflow:hidden; border:1px #4f9dcc solid;}
.trBusiness-list a:before{ content:''; background:rgba(9,56,121,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; transition:all 0.4s; opacity:0;}
.trBusiness-list a .img{ width:100%; transition:all 0.4s; opacity:0; display:none;}
.trBusiness-list a .word{ width:100%; position:absolute; text-align:center; left:0; top:50%; transform:translateY(-50%); z-index:3;}
.trBusiness-list a .word .i{ width:100px; display:inline-block; vertical-align:top;}
.trBusiness-list a .word .t{ font-size:26px; line-height:48px; margin-top:25px; color:#fff;}
.trBusiness-list a:hover .img{ opacity:1;}
.trBusiness-list a:hover:before{ opacity:1;}

.trLandscape{ margin-top:90px; }
.trLandscape-map { text-align:center; padding:65px 0; }


.trFooter-top{ background:#24242d; padding:60px 0 50px 0;}
.trFooter-topLinks{ padding-right:120px; border-right:1px #444241 solid;}
.trFooter-topLinks dl{ width:145px; float:left; padding-bottom:10px;}
.trFooter-topLinks dl dt{ font-size:18px; color:#898583;}
.trFooter-topLinks dl dt a{ color:#898583;}
.trFooter-topLinks dl dd a{ display:block; color:#515050; font-size:16px; padding:4px 0;}

.trFooter-topCont{ font-size:16px; color:#898583; line-height:32px; padding-right:70px;}
.trFooter-topCode{ text-align:center; color:#898583;}
.trFooter-topCode img{ width:108px; margin-bottom:10px;}
.trFooter-btm{ background:#1a1a20; text-align:center; color:#727171; padding:28px 0;}
.trFooter-btm a{ color:#727171;}

.trSider{ width:74px; position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:9999;}
.trSider a{ background:#658abc; display:block; position:relative; line-height:83px; text-align:center; font-size:40px; color:#fff;}
.trSider a.tel:before{ content:''; height:0; width:0; display:block; border:16px transparent solid; border-left-width:0; border-right-color:#093879; position:absolute; left:-16px; top:50%; transform:translateY(-50%); opacity:0;}
.trSider a .tel-box{ background:#093879; min-width:296px; line-height:83px; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:30px; position:absolute; top:0; right:-300px; transition:all 0.4s;}
.trSider a.tel:hover:before{ opacity:1;}
.trSider a.tel:hover .tel-box{ right:110px;}
.trSider a:hover{ background:#093879;}
.trSider a.code-btn:before{ content:''; height:0; width:0; display:block; border:16px transparent solid; border-left-width:0; border-right-color:#093879; position:absolute; left:-16px; top:50%; transform:translateY(-50%); opacity:0;}
.trSider a.code-btn:hover:before{ opacity:1;}
.trSider a .code{ background:#fff; width:130px; position:absolute; right:100px; top:0; display:none;}
.trSider a.code-btn:hover .code{ display:block;}


/**关于企业**/
.pmain{ background:url(../images/pmainBg.jpg) no-repeat top center #2d85ba; background-size:100% auto; padding:100px 0;}
.pmain-head .cn{ font-size:42px; font-weight:bold; color:#fff; line-height:1.2;}
.pmain-head .en{ font-size:36px; color:#1b619e; text-transform:uppercase; padding-left:25px; line-height:50px;}
.pmain-head .add{ color:#8bb5cf; padding-top:10px;}
.pmain-head .add a{ color:#8bb5cf;}
.pmain-head .add .iconfont{ margin:0 10px 0 20px;}
.pmain-head .add span{ color:#fff;}

.pmain-menu{ background:rgba(9,56,121,.32); margin-top:35px;}
.pmain-menu a{ padding:0 20px; font-size:18px; color:#fff; line-height:66px; float:left;}
.pmain-menu a.active, .pmain-menu a:hover{ background:#093879;}
.pmain-about{ font-size:24px; line-height:53px; color:#fff; text-align:justify; padding-top:95px;}

.pabout-culture{ margin-left:-47px; margin-top:110px; position:relative;}
.pabout-culture li{ width:calc(33.33% - 47px); float:left; margin-left:47px; color:#fff;}
.pabout-culture li .figure{ overflow:hidden;}
.pabout-culture li .figure img{ width:100%; display:block;  transition:transform 2.5s ease;}
.pabout-culture li .title{ margin-top:27px; position:relative; min-height:78px; padding:15px 0 0 110px;}
.pabout-culture li .title .en{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase;}
.pabout-culture li .title .cn{ font-size:16px; margin-top:8px;}
.pabout-culture li .title img{ position:absolute; left:0; top:0;}
.pabout-culture li .text{ font-size:22px; line-height:40px; margin-top:25px; text-align:justify; letter-spacing:2px;}
.pabout-culture li:hover .figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }

.phonor-floor-qual{ margin-left:-20px; position:relative;}
.phonor-floor-qual li{ width:calc(25% - 20px); float:left; margin:25px 0 0 20px; display:inline-block; text-align:center;}
.phonor-floor-qual li .pic{ background:#fff; width:100%; height:195px; display:table; border:1px #b9c0c9 solid;}
.phonor-floor-qual li .pic .align-vertical{ height:195px;}
.phonor-floor-qual li .pic img{ max-height:100%;}
.phonor-floor-qual li .tit{ font-size:18px; letter-spacing:2px; line-height:55px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.phonor-floor-patent { margin-top:25px;}
.phonor-floor-patent li{ background:#fff; width:270px; float:left; margin-right:-109px; height:370px; padding:9px; position:relative; z-index:1; box-shadow:0 0 12px rgba(0,20,43,.24);}
.phonor-floor-patent li img{ max-height:100%;}
.phonor-floor-patent li:nth-child(1){ z-index:30;}
.phonor-floor-patent li:nth-child(2){ z-index:29;}
.phonor-floor-patent li:nth-child(3){ z-index:28;}
.phonor-floor-patent li:nth-child(4){ z-index:27;}
.phonor-floor-patent li:nth-child(5){ z-index:26;}
.phonor-floor-patent li:nth-child(6){ z-index:25;}
.phonor-floor-patent li:nth-child(7){ z-index:24;}
.phonor-floor-patent li:nth-child(8){ z-index:23;}
.phonor-floor-patent li:nth-child(9){ z-index:22;}
.phonor-floor-patent li:nth-child(10){ z-index:21;}
.phonor-floor-patent li:nth-child(11){ z-index:20;}
.phonor-floor-patent li:nth-child(12){ z-index:19;}
.phonor-floor-patent li:nth-child(13){ z-index:18;}
.phonor-floor-patent li:nth-child(14){ z-index:17;}
.phonor-floor-patent li:nth-child(15){ z-index:16;}
.phonor-floor-patent li:nth-child(16){ z-index:15;}
.phonor-floor-patent li:nth-child(17){ z-index:14;}
.phonor-floor-patent li:nth-child(18){ z-index:13;}
.phonor-floor-patent li:nth-child(19){ z-index:12;}
.phonor-floor-patent li:nth-child(20){ z-index:11;}
.phonor-floor-patent li:nth-child(21){ z-index:10;}
.phonor-floor-patent li:nth-child(22){ z-index:9;}
.phonor-floor-patent li:nth-child(23){ z-index:8;}
.phonor-floor-patent li:nth-child(24){ z-index:7;}
.phonor-floor-patent li:nth-child(25){ z-index:;6}
.phonor-floor-patent li:nth-child(26){ z-index:5;}
.phonor-floor-patent li:nth-child(27){ z-index:4;}
.phonor-floor-patent li:nth-child(28){ z-index:3;}
.phonor-floor-patent li:nth-child(29){ z-index:2;}
.phonor-floor-patent li:nth-child(30){ z-index:1;}


.pabout-devel-list{ overflow:hidden; position:relative; margin-top:110px;}
.pabout-devel-list li{ padding:0 150px; overflow:hidden;}
.pabout-devel-list li .pic{ width:54%;}
.pabout-devel-list li .word{ width:43%; color:#fff; padding-top:85px; letter-spacing:2px;}
.pabout-devel-list li .word .y{ font-family:Arial, Helvetica, sans-serif; font-size:48px; font-weight:bold; line-height:1.2;}
.pabout-devel-list li .word .c{ font-size:22px; line-height:40px; margin-top:25px;}
.pabout-devel-list .swiper-button-next, .pabout-devel-list .swiper-button-prev{ width:auto; height:auto; font-size:68px; line-height:1; margin-top:-34px; color:rgba(255,255,255,.5);}
.pabout-devel-list .swiper-button-next:hover, .pabout-devel-list .swiper-button-prev:hover{ color:#fff;}

.pabout-devel-year{ margin-top:80px; position:relative; overflow:hidden; padding-left:140px;}
.pabout-devel-year:before{ content:''; background:#fff; width:100%; height:2px; position:absolute; left:0; top:50px;}
.pabout-devel-year:after{ content:''; background:#fff; width:100%; height:2px; position:absolute; left:0; top:57px;}
.pabout-devel-year li{ background:#093879; width:95px !important; height:95px; padding-top:23px; z-index:2; font-family:Arial, Helvetica, sans-serif; margin-top:10px; font-size:20px; font-weight:bold; color:#fff; border-radius:50%; text-align:center; border:10px solid rgba(255,255,255,.50); cursor:pointer;}
.pabout-devel-year li.swiper-slide-thumb-active{ width:125px !important; height:125px; font-size:26px; padding-top:28px; margin-top:0; border-width:17px; border-color:#fff;}


/**企业发展**/
.pproject-listBox{ margin-top:85px; position:relative;}
.pproject-list{ padding-top:85px; margin-left:-25px; position:relative;}
.pproject-list .li-item{ width:calc(33.33% - 25px); float:left; margin:25px 0 0 25px; display:inline-block; max-height:320px; position:relative; overflow:hidden;}
.pproject-list .li-item img{ width:100%; display:block;  transition:transform 2.5s ease;}
.pproject-list .li-item .tit{ background:rgba(0,0,0,.5); width:100%; font-size:22px; letter-spacing:2px; line-height:70px; padding:0 10px; color:#fff; position:absolute; left:0; bottom:0; z-index:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproject-list .li-item:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.pproject-list .swiper-pagination{ font-size:0; bottom:0 !important;}
.pproject-list .swiper-pagination-bullet{ background:rgba(255,255,255,.5); width:12px; height:12px; opacity:1; margin:0 8px !important;}
.pproject-list .swiper-pagination-bullet-active{ background:#fff;}
.pproject-list .swiper-button-next, .pproject-list .swiper-button-prev{ width:auto; height:auto; font-size:74px; line-height:1; margin-top:-47px; color:rgba(255,255,255,.5);}
.pproject-list .swiper-button-next{ right:-100px;}
.pproject-list .swiper-button-next:hover{ color:#fff;}
.pproject-list .swiper-button-prev{ left:-100px;}
.pproject-list .swiper-button-prev:hover{ color:#fff;}

.pmain-menu + .phonor-floor{ padding-top:70px;}
.phonor-floor{ margin-top:40px;}
.phonor-floor-tit{ font-size:20px; line-height:30px; color:#fff;}
.phonor-floor-tit img{ margin-right:10px;}

.phonor-floor-list{ margin-left:-25px; position:relative;}
.phonor-floor-list li{ width:calc(33.33% - 25px); float:left; margin:25px 0 0 25px; display:inline-block; text-align:center;}
.phonor-floor-list li .pic{ background:#fff; width:100%; height:270px; display:table; border:1px #b9c0c9 solid;}
.phonor-floor-list li .pic .align-vertical{ height:270px;}
.phonor-floor-list li .pic img{ max-height:100%;}
.phonor-floor-list li .tit{ font-size:22px; letter-spacing:2px; line-height:60px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


/**技术创新**/
.ppower-list{ padding-top:40px;}
.ppower-list li{ overflow:hidden; margin-top:70px;}
.ppower-list li .figure{ width:48%; overflow:hidden; float:left;}
.ppower-list li .figure img{ width:100%; display:block;  transition:transform 2.5s ease;}
.ppower-list li .word{ width:48%; float:right; color:#fff; font-size:22px; line-height:40px; letter-spacing:2px;}
.ppower-list li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }

.ptechnology{ margin-top:110px;}
.ptechnology-menu{ background:rgba(255,255,255,.5); width:22%; min-height:700px;}
.ptechnology-menu a{ display:block; font-size:20px; line-height:34px; padding:15px 35px; letter-spacing:2px; color:#fff; border-bottom:1px solid rgba(255,255,255,.5);}
.ptechnology-menu a.active, .ptechnology-menu a:hover{ background:#093879;}

.ptechnology-right{ width:73%;}
.ptechnology-list{ margin-left:-30px; position:relative;}
.ptechnology-list li{ width:calc(33.33% - 30px); float:left; max-height:190px; overflow:hidden; position:relative; margin:0 0 50px 30px; display:inline-block;}
.ptechnology-list li a{display: block;width: 100%;height: 100%;position: relative;z-index: 99;}
.ptechnology-list li a:before{ content:''; background:rgba(9,56,121,.5); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.ptechnology-list li img{ width:100%; display:block;  transition:transform 2.5s ease;}
.ptechnology-list li .tit{ width:100%; font-size:20px; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 20px; z-index:3;}
.ptechnology-list li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.ptechnology-info{ font-size:22px; line-height:40px; padding-top:35px; letter-spacing:2px; text-align:justify; color:#fff;}
.ptechnology-info .t{ font-size:24px; padding-bottom:30px;}


/**新闻中心**/
.pnews-line{ background:rgba(245,246,247,.15); margin-top:110px; overflow:hidden; position:relative;}
.pnews-line li .figure{ width:48%; overflow:hidden;}
.pnews-line li .figure img{ width:100%; display:block; transition:transform 2.5s ease;}
.pnews-line li .figure:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pnews-line li .word{ width:52%; color:#fff; padding:30px 50px 0 50px;}
.pnews-line li .word .t{ font-size:24px; line-height:38px; letter-spacing:2px;}
.pnews-line li .word .c{ font-size:18px; line-height:34px; text-align:justify; letter-spacing:2px; margin-top:15px; max-height:136px; overflow:hidden; }
.pnews-line li .word .m{ background:url(../images/trAbout-more.png) no-repeat left bottom; padding:0 0 5px 9px; margin-top:40px; display:block; font-size:16px; color:#fff;}
.pnews-line .swiper-button-next, .pnews-line .swiper-button-prev{ width:auto; height:auto; font-size:36px; color:#fff; line-height:1; top:auto; margin-top:auto; bottom:30px;}
.pnews-line .swiper-button-next{ right:50px;}
.pnews-line .swiper-button-next:hover{ color:#093879;}
.pnews-line .swiper-button-prev{ left:auto; right:100px;}
.pnews-line .swiper-button-prev:hover{ color:#093879;}

.pnews-list li{ padding:40px 0; overflow:hidden; border-bottom:1px #71a5c4 dashed;}
.pnews-list li .date{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; width:170px;}
.pnews-list li .date .d{ font-size:30px;}
.pnews-list li .cont{ width:calc(100% - 170px);}
.pnews-list li .cont .t{ font-size:22px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:2px;}
.pnews-list li .cont .c{ font-size:18px; line-height:34px; color:#aed0e5; text-align:justify; max-height:68px; overflow:hidden; margin-top:25px; letter-spacing:2px;}
.pnews-list li .cont .m{ background:url(../images/trAbout-more.png) no-repeat left bottom; padding:0 0 5px 9px; margin-top:40px; display:block; font-size:16px; color:#aadfff;}

.pnews-load{ text-align:center; margin-top:50px;}
.pnews-load a{ width:170px; line-height:48px; font-size:16px; color:#fff; display:inline-block; border:1px #fff solid;}
.pnews-load a:hover{ background:#093879; border-color:#093879;}

.pnews-detaTop{ padding:100px 0 25px 0; border-bottom:1px #71a5c4 solid;}
.pnews-detaTop .t{ font-size:30px; color:#fff; text-align:center;}
.pnews-detaTop .c{ padding-top:35px; font-size:16px; color:#aed0e5;}
.pnews-detaTop .c span{ padding-right:40px;}
.pnews-detaTop .return{ color:#aed0e5;}
.pnews-detaTop .return .iconfont{ font-size:22px; margin-right:15px; vertical-align:top; display:inline-block;}
.pnews-detaInfo{ font-size:22px; line-height:40px; text-align:justify; color:#fff; padding:90px 0; letter-spacing:2px;}
.pnews-detaPage{ padding-top:25px; border-top:1px #71a5c4 solid;}
.pnews-detaPage a{ font-size:16px; color:#aed0e5; max-width:50%; overflow:hidden;}
.pnews-detaPage a:hover{ color:#fff;}
.pnews-detaPage a span{ color:#7fb2d1;}

.ppage{ padding-top:50px; font-size:0;}
.ppage a{ line-height:40px; margin:0 6px; vertical-align:top; padding:0 19px; display:inline-block; font-size:14px; color:#fff; border:1px #d8d8d8 solid; border-radius:5px;}
.ppage .nowpage{ background:#093879; line-height:40px; margin:0 6px; vertical-align:top; font-size:14px; padding:0 19px; display:inline-block; color:#fff; border:1px #093879 solid; border-radius:5px;}
.ppage a:hover{ background:#093879; border-color:#0073c2; color:#fff;}

/**人力资源**/
.pjob-list{ padding-top:60px;}
.pjob-list li{ background:rgba(255,255,255,.15); overflow:hidden; margin-top:50px; position:relative;}
.pjob-list li .word{ width:50%; height:100%; letter-spacing:2px; position:absolute; left:0; top:0; padding:30px;}
.pjob-list li .word .scoll{  height:100%;}
.pjob-list li .word .scoll .mCSB_inside > .mCSB_container{ margin-right:20px;}
.pjob-list li .word .scoll .mCSB_scrollTools .mCSB_draggerRail{ background:rgba(255,255,255,.15);}
.pjob-list li .word .scoll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#093879;}
.pjob-list li .word .wt{ font-size:24px; color:#fff;}
.pjob-list li .word .wt .date{ font-family:Arial, Helvetica, sans-serif; font-size:18px; float:right;}
.pjob-list li .word .wf{ font-size:18px; color:#aed0e5; margin-top:25px; }
.pjob-list li .word .wc{ font-size:18px; line-height:34px; text-align:justify; color:#aed0e5; margin-top:30px;}

.pjob-list li .qual{ background:rgba(255,255,255,.86); width:30%; height:100%; font-size:18px; text-align:justify; font-size:18px; line-height:34px; color:#666; position:absolute; right:0; top:0; padding:30px;}
.pjob-list li .qual .t{ padding-bottom:25px;}
.pjob-list li .qual .scoll{  height:100%;}
.pjob-list li .qual .scoll .mCSB_inside > .mCSB_container{ margin-right:20px;}
.pjob-list li .qual .scoll .mCSB_scrollTools .mCSB_draggerRail{ background:rgba(255,255,255,.15);}
.pjob-list li .qual .scoll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#093879;}

.pmessage{ padding-top:80px;}
.pmessage ul{ width:48%;}
.pmessage li{ background:rgba(255,255,255,.15); margin-top:30px; position:relative; overflow:hidden;}
.pmessage li label{ width:70px; float:left; text-align:right; font-size:18px; line-height:50px; color:#fff;}
.pmessage li .inpt{ background:none; width:calc(100% - 70px); padding-left:10px; height:50px; line-height:50px; color:#fff; font-size:18px; float:left;}
.pmessage li .area{ background:none; width:calc(100% - 70px); padding:10px; height:210px; line-height:30px; color:#fff; font-size:18px; float:left; resize:none;}
.pmessage li .btn{ background:#093879; width:100%; height:50px; line-height:50px; display:inline-block; vertical-align:top; font-size:22px; color:#fff; text-align:center; cursor:pointer;}
.pmessage li .yzm-img{ position:absolute; right:0; top:0; height:50px;}

.pcontact-tab{ margin-top:100px;}
.pcontact-tab a{ font-size:22px; line-height:32px; float:left; color:#fff; margin-right:70px; padding:0 25px 0 33px; letter-spacing:2px; border-left:6px #fff solid;}
.pcontact-tab a.active{ background:rgba(255,255,255,.15); border-color:#093879;}

.pcontact-swith.open .pcontact-swith-map{ display:block;}
.pcontact-swith.open .pcontact-swith-list li.add .icon .click{ opacity:1;}
.pcontact-swith-list{ background:url(../images/line.png) no-repeat center 50px; margin-top:50px;}
.pcontact-swith-list li{ width:25%; float:left; text-align:center; position:relative;}
.pcontact-swith-list li .icon{ display:inline-block; vertical-align:top; padding:7px; border:1px #fff dashed; border-radius:50%;}
.pcontact-swith-list li .icon .round{ width:97px; height:97px; text-align:center; padding-top:26px; position:relative; border:1px #fff solid; border-radius:50%;}
.pcontact-swith-list li .icon .click{ background:rgba(9,56,121,.9); width:100%; height:100%; padding-top:20px; position:absolute; left:0; top:0; z-index:2; color:#fff; border-radius:50%; transition:all 0.4; opacity:0;}
.pcontact-swith-list li .icon .click .iconfont{ font-size:30px; line-height:1; color:#039dff; display:inline-block; vertical-align:top; padding-bottom:8px;}
.pcontact-swith-list li .text { margin-top:10px; font-size:16px; color:#aed0e5; padding-bottom:15px; position:relative;}
.pcontact-swith-list li .text:before{ content:''; background:#aed0e5; width:40px; height:2px; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}
.pcontact-swith-list li .text .t{ font-size:16px; color:#fff; padding-bottom:10px;}
.pcontact-swith-list li:hover .icon .click{ opacity:1;}
.pcontact-swith-map{ margin-top:50px; display:none;}
.pcontact-swith-map .t{ background:#eee; font-size:18px; line-height:60px; font-weight:bold; text-align:center; color:#093879;}


/**手机导航**/
.pmenuBtn { width:50px; height:100%; position:absolute; right:0; top:0; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menu-handler { width:100%; height:100%; cursor: pointer; position: relative; 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:#093879; }
.menu-handler .burger { width:28px; height: 3px; background:#fff; display: block; position: absolute; z-index: 5; top:16px; left: 50%; margin: 0px 0px 0px -14px; 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:27px; }
.menu-handler .burger-3 { top:38px; }
.menu-handler.active .burger-1 { top: 21px; -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: 21px; -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:#093879; 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: 0; top:0; cursor: pointer; }
.menuclose:hover { background-color:#fff; }
.menuclose:hover i { background-color:#093879; }
.menuclose i { width: 30px; height: 2px; background-color:#fff; 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); }
.navMobile { padding:40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:17px; position: relative; color:#fff; padding:10px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#fff; color:#093879; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 15px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #333; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#093879;}
.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}

/**联系我们**/
.pcontact-info{ background:url(../images/pcontact-Bg.jpg) repeat; margin-top:110px;}
.pcontact-info .figure{ width:61%; overflow:hidden;}
.pcontact-info .figure img{ width:100%; display:block; transition:all 0.4s;}
.pcontact-info .word{ width:39%; padding:90px 40px 0 40px; color:#fff;}
.pcontact-info .word .t{ font-size:18px; font-weight:bold; padding-bottom:10px; display:inline-block; border-bottom:1px solid rgba(255,255,255,.4);}
.pcontact-info .word .c{ line-height:30px; padding-top:10px;}

