﻿@charset "utf-8";
/* CSS Document */

body { background:#fff; font-size:14px; font-family:"Microsoft Yahei"; color:#333; -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% !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:#014d8a; }
table{ border-collapse:collapse; border:0;}
*{ 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: 100%;margin: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]{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:#333; }
textarea::-webkit-input-placeholder { color:#333; }
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;
}

/**门户**/
.qdsPortal-fixed{ background-image:url(../images/portal-bg.jpg); background-position:center; background-size:cover; width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0;}
.qdsPortal-word{ width:100%; text-align:center; position:absolute; left:0; top:20%;}
.qdsPortal-links{ width:100%; text-align:center; position:absolute; left:0; bottom:13%; font-size:0;}
.qdsPortal-links a{ display:inline-block; margin:0 114px; vertical-align:top;}
.qdsPortal-links a:hover img{ -webkit-animation:jello 1s; -moz-animation:jello 1s; animation:jello 1s;}
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.qdsPortal-copy{ background:#fff; width:100%; position:absolute; left:; bottom:0; text-align:center; line-height:50px;}


/**index**/
.qdsHead{background:#fff;width: 90%;position:relative;z-index:999;margin-left: auto;margin-right: auto;}
.qdsHead-logo{ margin-top:21px;}
.qdsHead-nav li{float:left; position:relative; padding:0 30px; text-align:center;}
.qdsHead-nav li a.far{ min-width:56px; font-size:16px; display:block; line-height:100px; position:relative;}
.qdsHead-nav li a.far:before{ content:''; background:#d52412; width:0; height:3px; position:absolute; left:50%; bottom:0; transition:all 0.4s;}
.qdsHead-nav li.active a.far, .qdsHead-nav li:hover a.far{ font-weight:bold; color:#d52412;}
.qdsHead-nav li.active a.far:before, .qdsHead-nav li:hover a.far:before{ width:100%; left:0;}
.qdsHead-tools{ padding:33px 0 0 30px;}
.qdsHead-tools a{ background:#014d87; width:92px; line-height:35px; text-align:center; color:#fff; text-transform:uppercase; margin-left:30px; float:left;}
.qdsHead-tools a.srhBtn{ background:#dc2521;}

.qdsHead-srhBtn{ width:54px; height:54px; line-height:52px; text-align:center; font-size:19px; color:#fff; margin-top:28px; border:1px #fff solid; cursor:pointer;}
.qdsHead-srhBox{ background:#fff; position:fixed; left:0; top:0; height:60px; line-height:60px;width:100%; z-index:3100; transform:translateY(-100%); transition:ease .65s; visibility:hidden;}
.qdsHead-srhBox.on{ transform:translateY(0); visibility:visible;}
.qdsHead-srhBox .inpt{ background:none; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; font-size:14px; padding:0 15px;}
.qdsHead-srhBox .close{ background:#014d87; position:absolute; right:0; top:0; width:60px; height:60px; line-height:60px; font-size:20px; text-align:center; color:#fff;}
.qdsHead-srhBox .close:hover{ background:#0F0F0F;}
.qdsHead-srhBox .btn{ background:#dc2521; position:absolute; right:60px; top:0; width:115px; text-align:center; color:#fff;}
.qdsHead-srhBox .btn:hover{ background:#352b2a; color:#fff; }
.qdsHead-shadow { background:rgba(0,0,0,.8); position:fixed; left:0; top:0; width:100%; height:100%; z-index:3000; animation:shadow linear .65s; cursor:pointer;}



.qdsBanner{ position:relative; overflow:hidden; margin-top: 20px;}
.qdsBanner li img{ width:100%; display:block;}
.qdsBanner .btn{ display: block; width: 60px; height: 60px; text-align: center; line-height: 60px; margin-top:-30px; z-index: 11; cursor: pointer;}
.qdsBanner .btn img{ vertical-align: middle; width: auto;}
.qdsBanner .btn:before{ content: ""; display: block; width: 100%; height: 100%; border:1px solid rgba(225,225,225,.3); position: absolute; left: 0; top: 0; transform: rotate(-135deg); transition: all .9s;}
.qdsBanner .btn:hover:before{ background: #e22a22; z-index:-1 ; transform: rotate(135deg); border-color: #E22A22;}
.qdsBanner .btn.swiper-button-prev{ left:100px;}
.qdsBanner .btn.swiper-button-next{ right:100px;}
.qdsBanner .swiper-pagination{ font-size:0; bottom:44px !important;}
.qdsBanner .swiper-pagination-bullet{ background:#fff; width:55px; height:2px; margin:0 10px; vertical-align:bottom; border-radius:0; opacity:1;}
.qdsBanner .swiper-pagination-bullet-active{ background:#dd261e; height:8px;}


.gdsGallery-thumbs{ padding:95px 0 110px 0; text-align:center; font-size:0;}
.gdsGallery-thumbs li{ width:430px; display:inline-block; vertical-align:top; position:relative;}
.gdsGallery-thumbs li:first-child{ float:left;}
.gdsGallery-thumbs li:last-child{ float:right;}
.gdsGallery-thumbs li .icon{ background:#014d89; width:152px; height:152px; display:inline-block; padding-top:42px; position:relative; z-index:1; border-radius:50%; transition:all 0.4s;}
.gdsGallery-thumbs li .icon img{ transition:all .6s;}
.gdsGallery-thumbs li .word{ background:#fafafa; padding:110px 50px 60px 50px; margin-top:-80px; position:relative; color:#333;}
.gdsGallery-thumbs li .word .t{ font-size:24px; font-weight:bold; padding-bottom:20px; position:relative;}
.gdsGallery-thumbs li .word .t:before{ content:''; background:#dadada; width:50px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-25px;}
.gdsGallery-thumbs li .word .c{ font-size:14px; line-height:25px; height:75px; overflow:hidden; text-align:justify; margin-top:25px;}
.gdsGallery-thumbs li .word .d{ display:block; font-size:24px; line-height:1; margin-top:20px;}
.gdsGallery-thumbs li:hover .icon{ background:#dc2521;}
.gdsGallery-thumbs li:hover .icon img{ transform:rotate(360deg); }


.qdsVideo{ background-image:url(../images/qdsVideo-bg.jpg); background-position:center; background-size:cover; width:100%; height:556px; position:relative;}
.qdsVideo-iboxt{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; color:#fff; text-align:center;}
.qdsVideo-iboxt .tit{ font-size:48px; font-weight:bold; margin-bottom:20px;}
.qdsVideo-iboxt .btn .iconfont{ font-size:40px; line-height:1; vertical-align:top; display:inline-block; margin-right:15px; cursor:pointer;}
.qdsVideo-iboxt .btn span{ font-size:16px; font-style:italic; display:inline-block; vertical-align:top; line-height:25px; padding-bottom:8px; position:relative; cursor:pointer;}
.qdsVideo-iboxt .btn span:before{ content:''; background:#fff; width:100%; height:1px; position:absolute; left:0; bottom:0;}
.qdsVideo-pop{display: block; width: 100%; height: 100%; background: #000; position: fixed; left: 0; top: 0; z-index: 99; display: flex; justify-content: center; align-items: center; display: none;}
.qdsVideo-pop .close{width: 40px; height: 40px; line-height:1; text-align:center; font-size:40px; color:#fff; position: absolute; right: 0; top: 0; z-index: 100; cursor: pointer;}
.qdsVideo-pop video{ object-fit: fill; width: 100%; max-height: 100%;}


.qdsDeal{ background:url(../images/qdsDeal-bg.jpg) no-repeat center; background-size:auto 100%; text-align:center; padding:110px 0 100px 0;}
.qdsDeal .t{ font-size:30px; position:relative; padding-bottom:20px;}
.qdsDeal .t:before{ content:''; background:#ccc; width:35px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-18px;}
.qdsDeal .c{ max-width:1060px; margin:auto; font-size:18px; line-height:42px; color:#555; margin-top:15px; text-align:left;}
.qdsDeal .m{ background:url(../images/more-arrow.png) no-repeat bottom; text-transform:uppercase; padding-bottom:8px; margin-top:60px; display:block; color:#dd211a;}


.qdsFooter{ background-image: linear-gradient(to right, #186bac , #014d89);}
.qdsFooter-menu{ padding:60px 0; border-bottom:1px #3a7eb4 solid;}
.qdsFooter-menu a{ font-size:16px; margin-right:65px; color:#fff;}
.qdsFooter-menu a:hover{ opacity:0.8;}
.qdsFooter-btm{ padding:45px 0 80px 0;}
.qdsFooter-btm .copy{ font-size:16px; line-height:36px; color:#d7edff;}
.qdsFooter-btm .code{ padding-top:30px;}
.qdsFooter-btm .code .cn{ font-size:16px; line-height:25px; color:#d7edff; float:left; text-align:right; padding:65px 13px 0 0;}
.qdsFooter-btm .code img{ width:117px;}


/**关于齐达**/
.pbanner img{ width:100%;}
.pmenu{ background:#fff; border-bottom:1px #f4f5f5 solid;}
.pmenu-category a{ font-size:16px; float:left; position:relative; line-height:80px; margin-right:80px;}
.pmenu-category a.active, .pmenu-category a:hover{ font-weight:bold; color:#014d8a;}
.pmenu-category a.active:before, .pmenu-category a:hover:before{ content:''; background:#014d8a; width:100%; height:3px; position:absolute; left:0; bottom:-1px;}
.pmenu-add{ background:url(../images/add.png) no-repeat left center; line-height:80px; color:#838383; padding-left:27px;}
.pmenu-add a{ color:#838383;}
.pmenu-add span{ color:#014d8a;}

.pmain{ padding-bottom:60px;}
.pmain-title{ padding:60px 0; text-align:center;}
.pmain-title .cn{ font-size:30px; font-weight:bold; line-height:1;}
.pmain-title .en{ font-size:16px; text-transform:uppercase; margin-top:10px;}


.pabout-text{ font-size:16px; line-height:36px; text-align:justify;}
.pabout-history{ width:1176px; margin:auto;}
.pabout-history .icon{ display:block; text-align:center;}

.pabout-history .event { position: relative; width: 815px; margin: 0 auto; background: url(../images/eventLine.png) center top; background-repeat: repeat-y; }
.pabout-history .event li { background:#f7f8fa; padding: 20px 25px 19px 25px; width: 330px; position: relative; }
.pabout-history .event li:nth-child(2n+2) { margin-left: 500px; }
.pabout-history .event li .d { font-size:20px; color: #333; line-height:31px;}
.pabout-history .event li .c { font-size: 15px; color: #666; line-height:29px; margin-top: 5px; height: 90px; overflow-y: auto; }
.pabout-history .event li .dots { position: absolute; top: 32px; width: 8px; height: 8px; border-radius: 50%; background: #387abe; }
.pabout-history .event li.one1 .dots { right: -53px; }
.pabout-history .event li.one2 .dots { right: auto; left: -153px; }
.pabout-history .event li.one3 .dots { right: -112px; }
.pabout-history .event li.one4 .dots { right: auto; left: -40px; }

/*.pabout-history .event{ position:relative; padding-top:70px;}
.pabout-history .event:before{ content:''; height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0; border-left:1px #eff0f1 dashed;}
.pabout-history .event li{ overflow:hidden; position:relative; margin-top:-25px;}
.pabout-history .event li:before{ content:''; background:#fff; width:19px; height:19px; position:absolute; left:50%; top:60px; margin-left:-10px; border:1px #387abe solid; border-radius:50%;}
.pabout-history .event li:after{ content:''; background:#387abe; width:9px; height:9px; position:absolute; left:50%; top:65px; margin-left:-5px; border:1px #387abe solid; border-radius:50%;}
.pabout-history .event li .word{ background:#f7f8fa; width:530px; min-height:160px; position:relative; float:left; padding:25px 45px; border-radius:10px;}
.pabout-history .event li .word .d{ text-align:right; font-size:20px; font-weight:bold; }
.pabout-history .event li .word .c{ font-size:15px; line-height:29px; margin-top:15px;}
.pabout-history .event li:nth-child(2n+2) .word{ float:right;}
.pabout-history .event li:nth-child(2n+2) .word .d{ text-align:left;}*/
.pabout-history .load{ text-align:center; padding-top:40px;}
.pabout-history .load a{ background:#387abe; width:165px; height:45px; line-height:45px; color:#fff; display:inline-block; font-size:15px; font-weight:bold;}
.pabout-history .load a .iconfont{ font-weight:normal; font-size:20px; margin-right:15px; display:inline-block; vertical-align:top;}
.pabout-history .load a:hover{ background:#014d87;}
.pabout-history .load a.zanw{ background:#bbb; cursor:default;}


.pculture-albumList{ margin-left:-70px; position:relative;}
.pculture-albumList li{ background:#f7f9fa; width:calc(25% - 70px); float:left; margin-left:70px; text-align:center; padding:28px 0 40px 0; font-size:16px;}
.pculture-albumList li .icon{ width:50px; display:inline-block;}
.pculture-albumList li .tit{ font-size:24px; padding:20px 0;}

.pculture-corner .pmain-title{ padding-bottom:20px;}
.pculture-cornerList{ margin-left:-58px; position:relative;}
.pculture-cornerList li{ width:calc(33.333% - 58px); height:285px; float:left; margin-top:40px; margin-left:58px; display:inline-block; overflow:hidden;}
.pculture-cornerList li img{ width:100%; display:block; transition:all 0.4s;}
.pculture-cornerList li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}


.pmanage-humanList li{ background:#fafafa; width:49%; float:left; position:relative; text-align:center; padding:70px 0 75px 0;}
.pmanage-humanList li .number{ background:#4b8bbd; width:185px; line-height:66px; font-size:18px; color:#fff; border-radius:0 0 30px 0; position:absolute; left:0; top:0;}
.pmanage-humanList li .title{ font-size:24px; font-weight:bold; padding-bottom:40px;}
.pmanage-humanList li .text .ie{ padding:0 20px; font-size:18px;}
.pmanage-humanList li:last-child{ float:right;}

.pmanage-teamList{ margin-left:-130px; position:relative;}
.pmanage-teamList li{ background:#fafafa; width:calc(33.333% - 130px); float:left; margin-left:130px; display:inline-block;}
.pmanage-teamList li .pic{ height:337px; overflow:hidden;}
.pmanage-teamList li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pmanage-teamList li .word{ padding:30px 40px 50px 40px;}
.pmanage-teamList li .word .t{ font-size:22px; font-weight:bold; padding-bottom:25px; border-bottom:1px #f1f1f1 solid;}
.pmanage-teamList li .word .t label{ font-size:16px; font-weight:normal;}
.pmanage-teamList li .word .c{ font-size:16px; line-height:28px; min-height:84px; overflow:hidden; margin-top:25px;}
.pmanage-teamList li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}

.pmanage-bases-cont .figure{ width:44%;}
.pmanage-bases-cont .figure img{ width:100%;}
.pmanage-bases-cont .word{ width:52%; padding-top:45px; font-size:16px; line-height:33px; text-align:justify;}



/**齐达水云**/
.pwater-cloud{ background:#f7f9fa; font-size:0; overflow:hidden;}
.pwater-cloud .figure{ width:41%; display:inline-block; vertical-align:middle;}
.pwater-cloud .word{ width:59%; display:inline-block; vertical-align:middle; padding:0 90px 0 60px; font-size:16px; line-height:35px; text-align:justify;}


/**服务领域**/
.pservice-text{ padding-top:40px;}
.pservice-text .t{ font-size:30px; font:bold; padding-bottom:15px; border-bottom:1px #f5f5f5 solid;}
.pservice-text .c{ font-size:16px; line-height:37px; padding-top:12px;}

.pservice-list li{ background:#f7f9fa; padding:40px 0;}
.pservice-list li .figure{ width:38%; float:left; overflow:hidden;}
.pservice-list li .figure img{ width:100%; display:block; transition:all 0.4s;}
.pservice-list li .word{ width:58%; float:right; padding-top:20px;}
.pservice-list li .word .t{ font-size:30px; font-weight:bold; padding-bottom:15px; position:relative;}
.pservice-list li .word .t:before{ content:''; background:#dc2521; width:87px; height:5px; position:absolute; left:0; bottom:0;}
.pservice-list li .word .c{ font-size:16px; line-height:33px; margin-top:20px;}
.pservice-list li:hover .figure img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.pservice-list li:nth-child(2n){ background:#fff;}
.pservice-list li:nth-child(2n) .figure{ float:right;}
.pservice-list li:nth-child(2n) .word{ float:left;}

.pservice-distrib{ overflow:hidden;}
.pservice-distrib .figure{ width:56%; float:left;}
.pservice-distrib .word{ width:40%; padding-top:100px; float:right; font-size:18px; line-height:36px; text-align:justify;}

.pservice-case{ margin-left:-85px; position:relative;}
.pservice-case li{ width:calc(33.333% - 85px); margin:0 0 60px 85px; float:left; display:inline-block; padding:40px 25px 20px 25px; border:1px #eaeaea solid; transition:all 0.4s;}
.pservice-case li .t{ font-size:18px; font-weight:bold; padding-bottom:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #f8f8f8 solid;}
.pservice-case li .f{ color:#999; padding-top:20px;}
.pservice-case li .f .date{ background:url(../images/date.png) no-repeat left center; padding-left:20px;}
.pservice-case li .f .view{ background:url(../images/view.png) no-repeat right center; padding-right:30px;}
.pservice-case li:hover{ border-color:#aac4d7;}


.ppage{ text-align:center; padding-top:50px; font-size:0;}
.ppage a{ background:#fff; line-height:47px; margin:0 10px; vertical-align:top; padding:0 18px; display:inline-block; font-size:16px; border:1px #f3f3f3 solid; }
.ppage .nowpage{ background:#014d89; line-height:47px; margin:0 10px; vertical-align:top; font-size:16px; padding:0 18px; display:inline-block; color:#fff; border:1px #014d89 solid; }
.ppage a:hover{ background:#014d89; border-color:#014d89; color:#fff;}


/**新闻动态**/
.pnews-list li{ position:relative; padding:65px 0 55px 0; overflow:hidden; position:relative; transition:all 0.4s;}
.pnews-list li:before{ content:''; background:#f3f3f3; width:1400px; height:1px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.4s;}
.pnews-list li .date{ width:72px; font-size:18px; text-align:center; color:#999;}
.pnews-list li .date .d{ font-size:48px; font-weight:bold; color:#014d89; line-height:1; padding-bottom:10px;}
.pnews-list li .word{ width:1020px; padding-left:35px;}
.pnews-list li .word .t{ font-size:16px; font-weight:bold;}
.pnews-list li .word .c{ line-height:25px; color:#666; margin-top:10px; max-height:50px; overflow:hidden;}
.pnews-list li .more{ width:185px; text-align:center; line-height:85px; color:#999; position:relative; transition:all 0.4s;}
.pnews-list li .more:before{ content:''; background:#f7f7f7; width:1px; height:100%; position:absolute; left:17px; top:0;}
.pnews-list li .more .iconfont{ font-size:16px; color:#fff; position:absolute; right:25px; top:0; opacity:0;}
.pnews-list li:hover{ background:#f5f5f5;}
.pnews-list li:hover:before{ width:100%; left:0;}
.pnews-list li:hover .more{ background:#014d89; line-height:55px; color:#fff; text-align:left; padding-left:30px;}
.pnews-list li:hover .more:before{ display:none;}
.pnews-list li:hover .more .iconfont{ opacity:1;}


.pnews-detaTop{ text-align:center; padding:60px 0 15px 0; border-bottom:1px solid #ddd;}
.pnews-detaTop .t{ font-size:28px; line-height:50px; font-weight:bold; padding-bottom:20px;}
.pnews-detaTop .c span{ margin:0 10px; color:#8c8c8c;}
.pnews-detaInfo{ font-size:16px; line-height:34px; text-align:justify; padding:30px 0;}
.pnews-detaPage{ font-size:16px; line-height:35px; padding-top:20px; border-top:1px solid #ddd;}



/**联系我们**/
.pcontact{ height:695px; position:relative; margin-top:120px; overflow:hidden;}
.pcontact-iboxt{ background:rgba(0,109,184,.8); width:525px; position:absolute; left:40px; top:75px; z-index:2; padding:0 50px 75px 50px; color:#fff;}
.pcontact-iboxt .title{ padding:35px 0 25px 0; border-bottom:1px #559ed0 solid;}
.pcontact-iboxt .title .cn{ font-size:24px; color:#fff; font-weight:bold;}
.pcontact-iboxt .title .en{ text-transform:uppercase; margin-top:5px;}
.pcontact-iboxt .text{ font-size:16px; line-height:45px; padding:25px 0;}
.pcontact-iboxt .code img{ margin-bottom:10px;}



/**产品展示**/
.product-list{ margin-left:-50px; position:relative;}
.product-list li{ background:#fff; width:calc(33.333% - 50px); float:left; margin:0 0 85px 50px; display:inline-block; text-align:center; position:relative; padding:30px 0 70px 0;}
.product-list li .pic{ height:207px; position:relative;}
.product-list li .pic img{ max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.product-list li .tit{ font-size:16px; font-weight:bold; margin-top:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-list li .view{ background:#b1c4d3; width:60px; height:92px; line-height:92px; color:#fff; border-radius:30px; position:absolute; left:50%; transform:translateX(-50%); bottom:-45px; transition:all 0.4s;}
.product-list li .view .iconfont{ font-size:22px; transition:all 0.4s;}
.product-list li .view .cn{ transition:all 0.3s; display:none;}
.product-list li:hover .view{ background:#014d87; width:127px; height:49px; line-height:49px; bottom:-25px;}
.product-list li:hover .view .iconfont{ display:none;}
.product-list li:hover .view .cn{ display:block;}



/**齐达科技**/
.qdkjHead{ background:#fff; width:100%; position:relative; z-index:99;}
.qdkjHead-logo{ margin-top:20px;}
.qdkjHead-english{ background:#014d87; width:92px; line-height:35px; text-align:center; text-transform:uppercase; margin-top:33px; color:#fff;}
.qdkjHead-nav a{ width:104px; margin-right:35px; display:inline-block; float:left; font-size:16px; font-weight:bold; text-align:center; line-height:100px;}
.qdkjHead-nav a.active, .qdkjHead-nav a:hover{ background:#db2420; color:#fff;}

.qdkjAbout{ overflow:hidden; padding:85px 0 95px 0;}
.qdkjAbout .figure{ width:46%; overflow:hidden;}
.qdkjAbout .figure img{ width:100%; display:block; transition:all 0.4s;}
.qdkjAbout .word{ width:48%; padding-top:25px;}
.qdkjAbout .word .t{ font-size:36px; font-weight:bold; position:relative; padding-bottom:15px;}
.qdkjAbout .word .t:before{ content:''; background:#e76d6a; width:66px; height:2px; position:absolute; left:0; bottom:0;}
.qdkjAbout .word .c{ font-size:16px; line-height:30px; text-align:justify; color:#444444; margin-top:50px;}
.qdkjAbout .figure:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}

.qdkjProduct{ background:#f6f6f6 url(../images/qdkjProduct-bg.jpg) no-repeat bottom center; padding:60px 0 45px 0; text-align:center;}
.qdkjProduct .t{ font-size:36px; font-weight:bold; position:relative; padding-bottom:15px;}
.qdkjProduct .t:before{ content:''; background:#e76d6a; width:66px; height:2px; position:absolute; left:50%; margin-left:-33px; bottom:0;}
.qdkjProduct .c{ max-width:1060px; margin:auto; text-align:left; font-size:16px; line-height:30px; color:#444; margin-top:45px;}
.qdkjProduct .m{ background:url(../images/more-arrow.png) no-repeat bottom; text-transform:uppercase; padding-bottom:8px; margin-top:80px; display:block; color:#dd211a;}


.qdkjUser-title{ padding:100px 0 45px 0;}
.qdkjUser-title .cn{ font-size:36px; font-weight:bold; position:relative; padding-bottom:15px;}
.qdkjUser-title .cn:before{ content:''; background:#e76d6a; width:66px; height:2px; position:absolute; left:0; bottom:0;}
.qdkjUser-title .tab{ padding-top:20px;}
.qdkjUser-title .tab a{ float:left; font-size:16px; margin-left:45px;}
.qdkjUser-title .tab a.active{ font-size:16px; font-weight:bold; color:#dd211a;}

.qdkjUser-listBox > div{ display:none;}
.qdkjUser-listBox > div:first-child{ display:block;}
.qdkjUser-list{ position:relative; overflow:hidden; padding-bottom:95px;}
.qdkjUser-list li{ background:#fafafa;}
.qdkjUser-list li .pic{ height:268px; overflow:hidden;}
.qdkjUser-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.qdkjUser-list li .tit{ text-align:center; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:45px 0 20px 0;}
.qdkjUser-list li .line{ font-size:18px; text-align:center; line-height:1; padding-bottom:45px;}
.qdkjUser-list li:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.qdkjUser-list .swiper-pagination{ font-size:0; bottom:0 !important;}
.qdkjUser-list .swiper-pagination-bullet{ background:#d5d5d5; width:14px; height:14px; margin:0 6px !important; vertical-align:top; opacity:1; transition:all 0.4s;}
.qdkjUser-list .swiper-pagination-bullet-active{ background:#dd211a; width:50px; border-radius:10px;}


.qdkjFooter{ background-image: linear-gradient(to right, #186bac , #014d89); margin-top:70px;}
.qdkjFooter-top{ padding:90px 0 55px 0; color:#fff; border-bottom:1px rgba(255,255,255,.15) solid;}
.qdkjFooter-topTel{ width:34%;}
.qdkjFooter-topTel dl:last-child{ margin-top:35px;}
.qdkjFooter-topTel dl dt{ float:left;}
.qdkjFooter-topTel dl dd{ padding-left:15px; overflow:hidden; font-size:16px;}
.qdkjFooter-topTel dl dd .num{ font-size:22px; font-weight:bold; padding-top:3px;}

.qdkjFooter-topContact{ width:33%; font-size:16px; line-height:39px;}
.qdkjFooter-topContact li{ width:50%; float:left;}
.qdkjFooter-topContact li:nth-child(5){ width:100%;}
.qdkjFooter-topContact li:nth-child(6){ width:100%;}

.qdkjFooter-topCode{ padding-top:30px;}
.qdkjFooter-topCode .cn{ font-size:16px; line-height:25px; color:#d7edff; float:left; text-align:right; padding:65px 13px 0 0;}
.qdkjFooter-topCode img{ width:117px;}

.qdkjFooter-btm{ font-size:16px; color:#d7edff; padding:25px 0;}
.qdkjFooter-btm a{color:#d7edff;}



.menuBtn { background:#014d87; display: none; width:50px; height:50px; position:absolute; right:0; top:10px; cursor: pointer; z-index: 100; }
.menuBtn .burger { display: block; width:32px; height:3px; position: absolute; left:9px; background:#fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 12px; }
.menuBtn .burger-2 { top: 23px; }
.menuBtn .burger-3 { top: 34px; }
.menuBtn.active .burger-1 { top: 23px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.menuBtn.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; background:#fff; }
.menuBtn.active .burger-3 { top: 23px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.menu-mark { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.6); left: 0; top: 0; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width: 200px; position: fixed; display: none; right:0; top:70px; background:#014d87; z-index: 99; }
.menu-list { padding: 30px 0 30px 30px; }
.menu-list li { margin-bottom:22px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size:17px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}