@charset "utf-8";
/* CSS Document */

body { font-size:14px; font-family: "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:#222; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#2267b6; }
*{ 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:75%; 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: rgba(0,0,0,.3); }
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;
}

.trans{ -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); }
.tra1 { transition: 300ms ease 50ms; -webkit-transition: 300ms ease 50ms; }
.tra2 { transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; }
.tra3 { transition: 300ms ease 150ms; -webkit-transition: 300ms ease 150ms; }
.tra4 { transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; }
.tra5 { transition: 300ms ease 250ms; -webkit-transition: 300ms ease 250ms; }
.tra6 { transition: 300ms ease 300ms; -webkit-transition: 300ms ease 300ms; }
.tra7 { transition: 300ms ease 350ms; -webkit-transition: 300ms ease 350ms; }
.tra8 { transition: 300ms ease 400ms; -webkit-transition: 300ms ease 400ms; }
.tra9 { transition: 300ms ease 450ms; -webkit-transition: 300ms ease 450ms; }
.tra10 { transition: 300ms ease 500ms; -webkit-transition: 300ms ease 500ms; }
.tra11 { transition: 300ms ease 550ms; -webkit-transition: 300ms ease 550ms; }
.tra12 { transition: 300ms ease 650ms; -webkit-transition: 300ms ease 650ms; }
.tra13 { transition: 300ms ease 700ms; -webkit-transition: 300ms ease 700ms; }
.tra14 { transition: 300ms ease 750ms; -webkit-transition: 300ms ease 750ms; }
.tra15 { transition: 300ms ease 800ms; -webkit-transition: 300ms ease 800ms; }
.tra16 { transition: 300ms ease 850ms; -webkit-transition: 300ms ease 850ms; }


/**index**/
.zqHead{ background:#fff; width:100%; height:106px; position:relative; padding:29px 100px 0 100px; z-index:99; transition:all 0.3s;}
.zqHead-logo{ width:267px; transition:all 0.3s;}

.zqHead-nav{ padding-top:10px; transition:all 0.4s;}
.zqHead-nav li{ float:left; height:67px; position:relative; margin:0 7px; display:inline-block; zoom:1;}
.zqHead-nav li a.far{ padding:0 20px 10px 20px; position:relative; display:block; font-size:20px; line-height:32px;}
.zqHead-nav li a.far:before{ content:''; background:#2267b6; width:0; height:2px; position:absolute; left:50%; bottom:0; transition:all 0.3s;}
.zqHead-nav li:hover a.far, .zqHead-nav li.active a.far{ color:#2267b6;}
.zqHead-nav li:hover a.far:before, .zqHead-nav li.active a.far:before{ width:100%; left:0;}
.zqHead-nav li .subnav{ background:rgba(255,255,255,.9); width:100%; position:absolute; left:0; top:100%; text-align:center; z-index:2; display:none;}
.zqHead-nav li .subnav a{ display:block; font-size:15px; line-height:36px; border-bottom:1px #e0e0e0 solid;}

.zqHead-code{ padding:15px 50px 0 70px;  position:relative; height:77px; transition:all 0.4s;}
.zqHead-code .btn{ font-size:14px; color:#7c7c7c; line-height:24px; display:inline-block; cursor:pointer;}
.zqHead-code .btn i{ font-size:20px; vertical-align:top; margin-right:10px;}
.zqHead-code .box{ background:#fff; width:140px; padding:12px; text-align:center; position:absolute; left:45px; top:100%; display:none;}
.zqHead-code .box img{ margin-bottom:6px;}
.zqHead-code:hover .box{ display:block;}

.zqHead-search{ width:175px; position:relative; padding-top:10px; transition:all 0.4s; border-bottom:1px #b7b7b7 solid;}
.zqHead-search .inpt{ width:100%; font-size:14px; color:#7c7c7c; height:28px; line-height:28px; float:left;}
.zqHead-search .btn{ width:28px; height:28px; font-size:20px; color:#797979; line-height:28px; text-align:center; position:absolute; right:0; bottom:0; cursor:pointer;}

.zqHead.scoll{ height:75px; padding-top:13px; position:fixed; left:0; top:0; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.zqHead.scoll .zqHead-logo{ width:240px;}
.zqHead.scoll .zqHead-nav{ padding-top:5px;}
.zqHead.scoll .zqHead-nav li{ height:57px;}
.zqHead.scoll .zqHead-code{ padding-top:10px; height:62px;}
.zqHead.scoll .zqHead-search{ padding-top:5px;}


/**手机导航**/
.menuBtn { width:50px; height:50px; position:absolute; right:10px; top:5px; z-index:1100; cursor:pointer; display:none;}
.menu-handler { width:50px; height:50px; 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:#2267b6; }
.menu-handler .burger { width:30px; height: 3px; background: #fff; display: block; position: absolute; z-index: 5; top: 14px; left:10px; 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: 23px; }
.menu-handler .burger-3 { top: 32px; }
.menu-handler.active .burger-1 { top: 22px; -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: 22px; -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:50px; height:50px; display: block; position: absolute; right:9px; top:0; cursor: pointer; }
.menuclose:hover { background-color:#2267b6; }
.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:94%; margin:0px auto; display: block; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms; }
.mobileLogo img{ max-width:200px;}

.navMobile { padding:20px 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:#2267b6; 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{ background:#2267b6; color:#fff;}

.open .menuMobileBox{ height: 100%;}
.open .mobileLogo{ padding-top: 54px;}
.open .navMobile dd p a{opacity: 1;}




.zqBanner{ width:100%; position:relative; overflow:hidden;}
.zqBanner-pic{ width:100%; overflow:hidden; position:relative;}
.zqBanner-pic li img{ width:100%; display:block;}
.zqBanner-pic .swiper-pagination{ font-size:0; bottom:24px !important;}
.zqBanner-pic .swiper-pagination-bullet{ background:rgba(255,255,255,.8); width:16px; height:16px; margin:0 7px !important; opacity:1; transition:all 0.4s;}
.zqBanner-pic .swiper-pagination-bullet-active{ background:#2267b6; width:36px; border-radius:10px;}


.latest-news{ background:rgba(0,0,0,.5); width:35%; height:100%; position:absolute; right:calc(-35% + 2px); top:0; z-index:10;  border-left:3px #2267b6 solid; transition:all 0.4s;}
.latest-news.open{ right:0;}
.latest-news .close{ background:#2267b6; width:30px; height:46px; color:#fff; line-height:36px; text-align:center; line-height:46px; position:absolute; left:-30px; top:0; z-index:2; transition:all 0.4s; cursor:pointer;}
.latest-news .close .i1{ font-size:0;}
.latest-news .close .i2{ font-size:20px;}
.latest-news .close.on{ left:0; }
.latest-news .close.on .i2{ font-size:0;}
.latest-news .close.on .i1{ font-size:20px;}
.latest-news-title{ width:86%; margin:auto; margin-top:25%; border-bottom:1px #8b8b8b solid; padding-bottom:5px; } 
.latest-news-title .cn{ font-size:24px; color:#fff; font-weight:bold;}
.latest-news-title .en{ color:#c3c3c3; font-family:aparajita; font-size:30px; padding-left:5px; text-transform:uppercase;}
.latest-news-listbox{ position:relative;}
.latest-news-list{ overflow:hidden;}
.latest-news-list li{ padding-top:30px; display:block; zoom:1;}
.latest-news-list li .li-item{ position:relative; width:100%; padding:15px 7%;}
.latest-news-list li .li-item:before{ content: ''; background:rgba(0,0,0,.3); position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0; visibility:hidden\9; transform:scale(1, 0); transition:all .5s; }
.latest-news-list li .t{ font-size:24px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.latest-news-list li .c{ font-size:16px; line-height:24px; max-height:48px; overflow:hidden; color:#e5e5e5; margin-top:10px; text-align:justify;}
.latest-news-list li .b{ margin-top:10px; line-height:24px; }
.latest-news-list li .b .date{ color:#c6c6c6; }
.latest-news-list li .b .date i{ font-size:26px; padding-right:5px; font-weight:lighter; display:inline-block; vertical-align:text-bottom;}
.latest-news-list li .b .view{ color:#fff;  padding:0 5px 5px 5px; border-bottom:1px #a5a5a5 solid;}
.latest-news-list li:hover .li-item:before { transform:none; opacity:1; visibility: visible\9;}
.latest-news-list li:hover .t{ color:#2267b6;}
.latest-news-list .swiper-pagination{ width:61px; line-height:26px; text-align:center; right:calc(7% + 26px); top:-40px; font-size:18px; color:#8c8c8c;}
.latest-news-list .swiper-pagination-current{ font-size:24px; color:#2267b6; vertical-align:top;}
.latest-news-list .swiper-button-next, .latest-news-list .swiper-button-prev{ width:26px; height:26px; font-size:18px; color:#a5a5a5; line-height:24px; text-align:center; top:-40px; margin-top:0; left:auto; border:1px #a5a5a5 solid; transition:all 0.4s;}
.latest-news-list .swiper-button-next{ right:7%;}
.latest-news-list .swiper-button-prev{ right:calc(7% + 87px);}
.latest-news-list .swiper-button-next:hover, .latest-news-list .swiper-button-prev:hover{ background:#2267b6; color:#fff; border-color:#2267b6;}


.zqAbout-title{ text-align:center; padding:70px 0 25px 0;}
.zqAbout-title .cn{ font-size:30px; font-weight:bold; color:#2267b6; }
.zqAbout-title .en{ font-family:aparajita; font-size:36px; margin-top:5px; text-transform:uppercase; color:#656565;}
.zqAbout-cont{ background-image:url(../images/zqAbout-Bg.jpg); background-position:center; background-size:cover; width:100%; padding-top:95px;}
.zqAbout-cont-word{ background:rgba(255,255,255,.9); padding:50px 7% 55px 7%;}
.zqAbout-cont-word .t1{ font-size:24px; color:#2267b6; font-weight:bold; text-align:center;}
.zqAbout-cont-word .t2{ font-size:20px; font-weight:bold; color:#4d4d4d; text-align:center; margin-top:10px;}
.zqAbout-cont-word .c{ margin-top:25px; font-size:18px; line-height:38px; text-align:justify; padding-top:15px; height:130px; overflow:hidden; border-top:1px #c4c4c4 solid;}
.zqAbout-cont-word .m{ text-align:center; margin-top:25px;}
.zqAbout-cont-word .m a{ width:47px; height:47px; line-height:45px; font-size:24px; font-weight:lighter; color:#4e4e4e; display:inline-block; border:1px #5f5f5f solid; border-radius:50%; transition:all 0.4s; }
.zqAbout-cont-word .m a:hover{ border-color:#2267b6; color:#2267b6; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}

.zqAbout-cont-menu{  background:rgba(67,67,67,.95); width:100%;}
.zqAbout-cont-menu li{ width:25%; float:left; text-align:center; position:relative; padding:13px 0 18px 0; border-right:1px #5d5d5d solid; overflow:hidden;}
.zqAbout-cont-menu li figure{ height:91px; display:block; position:relative; z-index:1; transform-style:preserve-3d;}
.zqAbout-cont-menu li figure .i1 { display:inline-block; position:absolute; left:50%; margin-left:-45px; opacity:1; -webkit-transition:opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition:opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility:hidden; }
.zqAbout-cont-menu li figure .i2 { display:inline-block;  position:absolute; left:50%; margin-left:-45px; overflow:hidden;  transform:rotateY(-180deg); opacity:0; -webkit-transition:opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition:opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility:hidden; transform-origin:center center 0; }
.zqAbout-cont-menu li title{ font-size:18px; display:block; color:#fff; margin-top:8px; position:relative; z-index:1;}
.zqAbout-cont-menu li:before{ content:''; display:block; width:100%; height:100%; background:#2267b6; position:absolute; left:0; top:100%; transition:0.4s;}
.zqAbout-cont-menu li:hover:before{ top:0;}
.zqAbout-cont-menu li:hover:hover figure .i1{ transform:rotateY(180deg); opacity:0; }
.zqAbout-cont-menu li:hover:hover figure .i2{ transform:rotateY(0deg); opacity:1; }


.zqNews-floor{ background:#e8e8e8; padding:95px 0 135px 0;}
.zqNews{ width:50%;}
.zqNews-title{ padding-bottom:15px; position:relative;}
.zqNews-title .cn{ font-size:30px; font-weight:bold; color:#2267b6;}
.zqNews-title .en{ font-family:aparajita; font-size:36px; color:#656565; text-transform:uppercase; padding-left:5px;}
.zqNews-title .mo{ color:#2267b6; font-size:30px; position:absolute; right:30px; bottom:18px; font-weight:normal; transition:all 0.4s;}
.zqNews-title .mo:hover{  transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}


.zqNews-cont{ background:#fff; padding:35px 0 0 0;}
.zqNews-cont-tab{ width:calc(100% - 60px); margin:auto;  border-bottom:2px #434343 solid;}
.zqNews-cont-tab a{ font-size:24px; color:#666; float:left; position:relative; padding-bottom:18px; margin-right:50px; display:inline-block;}
.zqNews-cont-tab a.active, .zqNews-cont-tab a:hover{ color:#2267b6;}
.zqNews-cont-tab a:before{ content:''; background:#2267b6; width:100%; height:6px; position:absolute; left:0; bottom:-4px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.zqNews-cont-tab a.active:before, .zqNews-cont-tab a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.zqNews-cont-listCont{ height:670px; overflow:hidden;}
.zqNews-cont-listCont .listBox{ position:relative; padding-bottom:80px;}
.zqNews-cont-list{ height:590px; padding:15px 0; overflow:hidden; border-bottom:1px #dbdbdb solid; }
.zqNews-cont-list li{ padding:22px 30px; display:block; overflow:hidden; position:relative; margin-top:2px;}
.zqNews-cont-list li a:hover{ color:#2267b6}
.zqNews-cont-list li .date{ width:94px; height:94px; text-align:center; color:#666; position:relative; z-index:2; border:1px #d9d9d9 solid; transition:all 0.4s;}
.zqNews-cont-list li .date .d{ font-size:30px; font-weight:bold; padding:16px 0 0 0; display:block;}
.zqNews-cont-list li .word{ width:calc(100% - 115px); padding-top:6px; position:relative; z-index:2;}
.zqNews-cont-list li .word .t{ font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zqNews-cont-list li .word .c{ font-size:16px; line-height:24px; color:#666; height:48px; overflow:hidden; text-align:justify; margin-top:7px;}
.zqNews-cont-list li:before{ content: ''; background:#f4f4f4; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden\9; transform:scale(1, 0); transition:all .5s; }
.zqNews-cont-list li:hover:before { transform:none; opacity:1; visibility: visible\9;}
.zqNews-cont-list li:hover .date{ background:#2267b6; color:#fff;}
.zqNews-cont-list .swiper-button-next, .zqNews-cont-list .swiper-button-prev{ width:40px; height:40px; text-align:center; top:auto; margin-top:0; left:50%; bottom:20px; color:#a1a1a1; font-size:30px; line-height:40px;}
.zqNews-cont-list .swiper-button-next:before, .zqNews-cont-list .swiper-button-prev:before{  content: ''; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#2267b6; transform:scale(0); -webkit-transform:scale(0); transition:all .5s; -webkit-transition:all .5s; opacity:0; visibility:hidden\9; z-index:-1;}
.zqNews-cont-list .swiper-button-next:hover, .zqNews-cont-list .swiper-button-prev:hover{ color:#fff;}
.zqNews-cont-list .swiper-button-next:hover:before, .zqNews-cont-list .swiper-button-prev:hover:before { transform:none; -webkit-transform:none; opacity:1; visibility:visible\9;}
.zqNews-cont-list .swiper-button-prev{ margin-left:-40px;}
.zqNews-cont-list .swiper-button-next{ margin-left:40px;}

.zqProduct{ width:50%; }
.zqProduct-list{ background-image:url(../images/zqProduct-Bg.jpg); background-position:center; background-size:cover; width:100%; height:757px;}
.zqProduct-list li{ width:50%; height:50%; float:left; position:relative; overflow:hidden; text-align:center; border-bottom:1px solid rgba(255,255,255,.4);}
.zqProduct-list li .icon{ height:91px; display:block; margin:auto;}
.zqProduct-list li .tit{ font-size:26px; color:#fff; margin-top:10px;}
.zqProduct-list li .figure{ width:100%; height:100%; display:table; transition:all 0.4s;}
.zqProduct-list li .popup { background:#2267b6; position:absolute; width:100%; height:100%; display:table; transition:0.5s; transform: rotateX(40deg); z-index:-1; transform-origin:center bottom 0; left:0; opacity:0; bottom:0; visibility:hidden; z-index:1;} 
.zqProduct-list li .popup .mo{ width:190px; display:inline-block; position:relative; text-align:center; color:#fff; font-weight:lighter; text-transform:uppercase; position:absolute; left:50%; margin-left:-95px; bottom:55px; opacity:0; transition: 0.3s;}
.zqProduct-list li .popup .mo .line{ background:#fff; width:0; height:1px; margin-top:5px; display:block; position:relative; transition:all 0.3s;}
.zqProduct-list li .popup .mo .line i{ font-size:15px; position:absolute; right:-6px; top:-7px;}
.zqProduct-list li:hover .popup{ transform: none; opacity: 1; visibility:visible;}
.zqProduct-list li:hover .popup .mo{ opacity:1;}
.zqProduct-list li:hover .popup .mo .line{ width:100%;}
.zqProduct-list li:hover .figure{transform: translateY(-100%)}
.zqProduct-list li:nth-child(2n+1){ border-right:1px solid rgba(255,255,255,.4);}


.zqQuick{ background-image:url(../images/zqQuick-Bg.jpg); background-position:center; background-size:cover; width:100%;}
.zqQuick li{ width:50%; text-align:center; float:left; position:relative; height:448px;}
.zqQuick li:before{ content:''; background:rgba(0,0,0,.4); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all 0.4s; opacity:0;}
.zqQuick li .iboxt{ width:433px; height:155px; display:inline-block; border:1px #fff solid; margin-top:127px; position:relative; z-index:2;}
.zqQuick li .iboxt:before { content:''; display: block; width:calc(100% + 2px); height:calc(100% + 2px); box-sizing: border-box; border: 1px solid #fff; position: absolute; left: -1px; top:-1px; right:-1px; bottom:-1px; opacity: 0; visibility: hidden; transition: 430ms; z-index: 5; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9);}
.zqQuick li .iboxt .cn{ font-size:30px; font-weight:bold; color:#fff; display:inline-block; padding:30px 30px 10px 30px; border-bottom:1px #fff solid; position:relative;}
.zqQuick li .iboxt .cn:before{ content:''; background:#fff; width:0; height:1px; position:absolute; left:0; bottom:-1px; transition:all 0.4s;}
.zqQuick li .iboxt .en{ font-size:30px; font-weight:bold; color:rgba(255,255,255,.5); text-transform:uppercase; margin-top:6px;}
.zqQuick li .iboxt .en b{ display:inline-block;}
.zqQuick li .icon{ background:#2267b6; width:47px; height:47px; display:block; margin:auto; position:relative; margin-top:30px; border-radius:50%; z-index:2; opacity:0; transition:all 0.4s;}
.zqQuick li .icon:before, .zqQuick li .icon:after { content:'';  background:#fff; display:block; position:absolute; left:50%; top:50%; transition:0.3s; -webkit-transition:0.3s; opacity:0; visibility:hidden; }
.zqQuick li .icon:before { width:24px; height:1px; margin-top:-1px; margin-left:-12px; transform:translateX(30px); -webkit-transform:translateX(30px); }
.zqQuick li .icon:after { width:1px; height:24px; margin-top:-12px; margin-left:-1px; transform:translateY(30px); -webkit-transform:translateY(30px); }
.zqQuick li:last-child{ border-left:1px solid rgba(255,255,255,.3);}
.zqQuick li:hover:before{ opacity:1;}
.zqQuick li:hover .iboxt:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.zqQuick li:hover .iboxt .cn{ color:#fff;}
.zqQuick li:hover .iboxt .cn:before{ width:100%;}
.zqQuick li:hover .iboxt .en{ color:#fff;}
.zqQuick li:hover .iboxt .en b{ transform:translate(0px,-5px); -webkit-transform:translate(0px,-5px); }
.zqQuick li:hover .icon{ opacity:1;}
.zqQuick li:hover .icon:before, .zqQuick li:hover .icon:after { transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:0.3s ease-in 0.5s; -webkit-transition:0.3s ease-in 0.5s; }


.zqPartner-title{ text-align:center; padding:60px 0 25px 0; position:relative; border-bottom:1px #dbdbdb solid;}
.zqPartner-title .cn{ font-size:30px; font-weight:bold; color:#2267b6; }
.zqPartner-title .en{ font-family:aparajita; font-size:36px; margin-top:5px; text-transform:uppercase; color:#656565;}
.zqPartner-title:before{ content:''; background:url(../images/zqPartner-arrow.jpg) no-repeat; width:25px; height:12px; position:absolute; left:50%; bottom:-12px; margin-left:-12px;}

.zqPartner-listbox{ padding:40px 5% 0 5%;}
.zqPartner-list{ overflow:hidden;}
.zqPartner-list li{ height:100px; float:left; display:table; text-align:center; border:1px #d9d9d9 solid;}
.zqPartner-list li img{ max-height:100%;}


.zqFooter{ background:#434343; padding:0 5%; margin-top:69px;}
.zqFooter-links{ padding:79px 0 39px 0; border-bottom:1px #555 solid;}
.zqFooter-links-menu a{ float:left; line-height:34px; font-size:16px; color:#fff; position:relative; padding-right:46px;}
.zqFooter-links-menu a:before{ content:''; background:#555; width:1px; height:17px; position:absolute; right:23px; top:9px;}
.zqFooter-links-menu a:last-child:before{ display:none;}
.zqFooter-links-ship{ position:relative;}
.zqFooter-links-ship .sh-tit{ background:#333; width:280px; height:34px; line-height:32px; display:block; font-size:16px; color:#606060; padding-left:17px; border:1px #575757 solid;}
.zqFooter-links-ship .arrow{ position:absolute; right:13px; top:13px; width:0; height:0; border-width:7px; border-style:solid; border-color:#555 transparent transparent transparent; transition:all 0.4s;}
.zqFooter-links-ship.on .arrow{ top:6px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.zqFooter-links-ship .sh-cot{ background:#333; width:100%; position:absolute; left:0; bottom:100%; border:1px solid #575757; border-bottom:0; display:none; }
.zqFooter-links-ship .sh-cot a{ display:block; padding-left:17px; color:#606060; line-height:38px;}
.zqFooter-links-ship .sh-cot a:hover{ color:#fff;}

.zqFooter-mid{ padding:30px 0 40px 0; border-bottom:1px #555 solid;}
.zqFooter-mid-logo .txt{ padding-left:25px; line-height:28px; color:#fff; font-size:18px;}
.zqFooter-mid-logo .txt .t1{ font-weight:bold;}
.zqFooter-mid-share{ line-height:30px; padding-top:14px; color:#9b9b9b;}
.zqFooter-mid-share a{ display:inline-block; padding-left:15px; color:#9b9b9b; font-size:24px; vertical-align:middle;}

.zqFooter-btm{ padding:25px 0; color:#a49568;}
.zqFooter-btm .copy{ color:#727272;}
.zqFooter-btm a{ color:#fff;}



/**新闻中心**/
.pbanner{ width:100%; position:relative; overflow:hidden;}
.pbanner img { display: block; width:100%; }
.pbanner .ptext{ width:393px; position:absolute; left:50%; top:50%; margin-left:-197px; margin-top:-140px; text-align:center; padding:20px 0; border:3px #fff solid; overflow:hidden;}
.pbanner .ptext .cn{ font-size:36px; font-weight:bold; color:#fff; line-height:1.2; z-index:1;}
.pbanner .ptext .en{ font-size:48px; font-weight:bold; color:rgba(255,255,255,.5); line-height:1.2; margin-top:5px; text-transform:uppercase;}
.pbanner.article-block:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; z-index:5; display:none\9;} 
.pbanner.article-block mark{ opacity:0; opacity:1\9;}
.pbanner.article-block .ptext{ opacity:0; opacity:1\9;}
.pbanner.article-block .ptext:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; display:none\9;}
.pbanner.articleShow:before{ animation:scroll_on1 1s ease-in-out forwards;}
.pbanner.articleShow mark{ animation:scroll_on2 1s ease-in-out forwards;}
.pbanner.articleShow .ptext{ animation:scroll_on2 0.8s 0.3s ease-in-out forwards;}
.pbanner.articleShow .ptext:before{ animation:scroll_on1 0.8s 0.3s ease-in-out forwards;}
@keyframes scroll_on1 {
	0% { left:0; }
	100% { left:100%; }
}

@keyframes scroll_on2 {
	0% { opacity:0; }
	100% { opacity:1; }
}
.pbanner-menu{ background:rgba(0,0,0,.55); width:100%; position:absolute; left:0; bottom:0; text-align:center; font-size:0;}
.pbanner-menu a{ padding:0 30px; line-height:64px; font-size:18px; color:#fff; display:inline-block; position:relative;}
.pbanner-menu a span{ position:relative; z-index:1;}
.pbanner-menu a:before{ content:''; background:#2267b6; width:100%; height:100%; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1); transition:transform .5s cubic-bezier(.215,.61,.355,1),-webkit-transform .5s cubic-bezier(.215,.61,.355,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.pbanner-menu a.active:before, .pbanner-menu a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}


/**新闻中心**/
.pNews-list{ margin-left:-3%; position:relative;}
.pNews-list li{ width:30.3%; padding:20px; margin:40px 0 0 3%; float:left; position:relative; display:inline-block; border:1px #e7ecd9 solid; transition:all 0.4s; }
.pNews-list li:before{ content:''; background:#2267b6; width:0; height:4px; position:absolute; left:0; bottom:0; transition:0.3s;}
.pNews-list li figure{ display: block; line-height:1; overflow:hidden;}
.pNews-list li figure img{ display:block; width:100%; height:auto; transition:0.5s;}
.pNews-list li .tit{ margin-top:15px; height:60px; line-height:30px; overflow:hidden; font-size:18px; }
.pNews-list li .txt{ color:#666; margin-top:10px; height:72px; line-height:24px; overflow:hidden; text-align:justify;}
.pNews-list li .tome{ margin-top:20px; padding-top:20px;  border-top:1px #efefef solid;}
.pNews-list li .tome .d{ color:#888; line-height:30px;}
.pNews-list li .tome .v{ height:30px; line-height:28px; padding:0 12px; color:#888; position:relative; overflow:hidden; border:1px #cccccc solid;}
.pNews-list li .tome .v em{ font-style:normal; transition:640ms; position:relative; z-index:5;}
.pNews-list li .tome .v:before{ content:""; width:100%; height:100%; background:#2267b6; position:absolute; left:-100%; top:0; transition:380ms;}

.pNews-list li:hover{ border-color:#2267b6;}
.pNews-list li:hover:before{ width:100%;}
.pNews-list li:hover .tome{ border-top:1px #2267b6 solid;}
.pNews-list li:hover .tome .v{ color:#2267b6; border-color:#2267b6;}
.pNews-list li:hover .tome .v em{ color:#fff;}
.pNews-list li:hover .tome .v:before{ left:0;}
.pNews-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }

.pNews-detaTop{ text-align:center; padding:50px 0 25px 0; border-bottom:2px #2267b6 solid;}
.pNews-detaTop .t{ font-size:28px;}
.pNews-detaTop .c{ margin-top:20px; color:#969696;}
.pNews-detaTop .c span{ padding:0 15px;}
.pNews-detaFix{ font-size:16px; color:#666; padding:30px 0; line-height:30px; text-align:justify;min-height: 260px;}

.pNews-detaPage{ background:#efefef; line-height:43px; margin-top:45px; position:relative; padding:0 20px;}
.pNews-detaPage .return{ background:#b4b4b4; text-align:center; color:#fff; display:inline-block;  padding:0 15px; position:absolute; left:50%; margin-left:-73px; top:0;}
.pNews-detaPage .return i{ font-size:24px; margin-right:5px; vertical-align:top; display:inline-block;}
.pNews-detaPage .prev, pNews-detaPage .next{ width:calc(50% - 90px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.page{ text-align:center; font-size:0; padding-top:45px;}
.page a{ background:#d2d2d2; line-height:32px; padding:0 12px; color:#fff; font-size:15px; display:inline-block; margin:0 5px; vertical-align:top;}
.page a.active, .page a:hover{ background:#2267b6;}
.page .nowpage {background:#2267b6;line-height:32px; padding:0 12px; color:#fff; font-size:15px; display:inline-block; margin:0 5px; vertical-align:top;}


/**人才招聘**/
.pzhaop-list{ margin-right:-30px; position:relative; padding-top:20px;}
.pzhaop-list li{ width:calc(33.3% - 30px); float:left; padding:15px; margin:30px 0 0 30px; position:relative; border:1px #d5d5d5 solid; transition:all 0.4s;}
.pzhaop-list li .t{ font-size:18px; font-weight:bold; color:#222; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.3s;}
.pzhaop-list li .c{ padding-top:15px; color:#666; transition:0.3s;}
.pzhaop-list li .c .num{ padding-left:35px;}
.pzhaop-list li .d{ font-size:14px;  color:#a3a3a3; padding-top:20px; transition:0.3s;}
.pzhaop-list li .d i{ font-size:20px; line-height:20px; padding-right:3px; font-weight:lighter; display:inline-block;}
.pzhaop-list li .arrow{ font-family:"iconfont" !important; font-size:18px; width:32px; height:32px; line-height:30px; font-style:normal; text-align:center; display:inline-block; position:absolute; right:15px; bottom:15px; border:1px #666 solid; border-radius:50%; transition:0.4s;}
.pzhaop-list li:hover{ background:#2267b6; box-shadow:0 0 8px #e1e1e1;}
.pzhaop-list li:hover .t{ color:#fff;}
.pzhaop-list li:hover .c{ color:#fff;}
.pzhaop-list li:hover .d{ color:#fff;}
.pzhaop-list li:hover .arrow{ background:#fff; border-color:#fff;}

.pzhaop-deatTit{ background:#2267b6; margin-top:50px; padding:0 20px; line-height:48px; position:relative;}
.pzhaop-deatTit .cn{ font-size:18px; color:#fff;}
.pzhaop-deatTit .fh{ color:#fff; display:inline-block; position:absolute; right:20px; top:0;}
.pzhaop-deatTit .fh i{ font-size:24px; font-weight:lighter; vertical-align:top; padding-right:8px;}
.pzhaop-detaFix{ padding:25px 0; border-bottom:1px #d6d6d6 solid;}
.pzhaop-detaFix li{ width:33.3%; float:left; line-height:36px; font-size:16px;}
.pzhaop-detaInfo{ margin-top:25px;}
.pzhaop-detaInfo .t{ color:#2267b6; font-weight:bold;}
.pzhaop-detaInfo .c{ line-height:32px; margin-top:10px;}
.pzhaop-detaWay{ background:#f0f0f0; line-height:44px; margin-top:25px; padding:0 20px; color:#676767;}
.pzhaop-detaWay i{ font-size:24px; vertical-align:top; display:inline-block; padding-right:3px;}
.pzhaop-detaWay a{ color:#2267b6;}
.pzhaop-detaWay .tel{ padding-right:35px;}


.pteam-list{ margin-left:-3%; position:relative; padding-top:20px;}
.pteam-list li{ width:17%; margin:30px 0 0 3%; float:left; position:relative; overflow:hidden; cursor:pointer;}
.pteam-list li figure { display:block; line-height:normal; overflow:hidden; }
.pteam-list li figure img { display:block; width:100%; height:auto; transition:488ms ease-in-out; }
.pteam-list li .text { background:#434343; position:absolute; width:100%; bottom:0; left:0; padding:0 15px; transition:488ms; color:#fff;}
.pteam-list li .text .t{ font-size:16px; transition:310ms 0ms; line-height:43px; }
.pteam-list li .text .c{ font-size:13px; line-height:2; margin-top:20px; position:relative; top:20px; transition:320ms 0ms; display:none; }
.pteam-list li:hover figure img { transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.pteam-list li:hover .text { background: #2267b6;}


/*资质、荣誉*/
.aptitude-list{ position:relative; margin-left:-40px;}
.aptitude-list li{ float: left; width:calc(33.3% - 40px); position: relative; margin:40px 0 0 40px; overflow:hidden; text-align:center; display:inline-block;}
.aptitude-list li img{ width:100%;height: 317px; display:block; transition:all .4s;}
.aptitude-list li .tit{ background:rgba(0,0,0,.3); width:100%; line-height:46px; position:absolute; left:0; bottom:0; z-index:1; font-size:18px; color:#fff; transition:all 0.4s;}
.aptitude-list li:hover img{  transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.aptitude-list li:hover .tit{ background:#2267b6;}


/*在线视频*/
.video{margin-left: auto; margin-right: auto; width:50%; margin-top:50px;}


/**产品服务**/
.pservice-box{ padding-top:55px; margin-left:-25px;}
.pservice-box dd{ background:#fff; float:left; width:calc(25% - 25px); margin-left:25px; margin-top:20px; display:inline-block;}
.pservice-box dd .dd-title{ height:120px; line-height:120px; text-align:center; font-size:30px; font-weight:bold; color:#414141; position:relative; display:none;}
.pservice-box dd .dd-title:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#b48218;  -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}
.pservice-box dd .dd-title .cn{ display:inline-block; padding-left:90px; position:relative; z-index:1;}
.pservice-box dd .dd-pic{ height:206px; overflow:hidden; line-height:normal;}
.pservice-box dd .dd-pic img { display:block; width:100%; height:auto; transition:488ms ease-in-out; }
.pservice-box dd .dd-txt{ padding:15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;  transition:all 0.3s;}


.pservice-box dd .dd-more{ padding:30px 0; text-align:center;}
.pservice-box dd .dd-more .three-d{ background:#87715b; position:relative; width:174px; height:50px; line-height:50px; color:#fff; font-size:18px; display:inline-block; vertical-align:top; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -ms-transform-style:preserve-3d; pointer-events:none; transform:translatez(-28px); -webkit-transform:translatez(-28px); -ms-transform:translatez(-28px); -moz-transform:translatez(-28px); transition:all .32s ease-out;}
.pservice-box dd .dd-more .three-d i{ padding-left:10px; font-weight:lighter;}
.pservice-box dd .dd-more span.defal, .pservice-box dd .dd-more span.end{ background:#87715b; width:100%; height:100%;  display:block;  position:absolute; left:0; top:0; transition:0.35s;}
.pservice-box dd .dd-more span.defal{ transform:rotatex(0deg) translatez(28px); -webkit-transform:rotatex(0deg) translatez(28px); -moz-transform:rotatex(0deg) translatez(28px); -ms-transform:rotatex(0deg) translatez(28px);}
.pservice-box dd .dd-more span.end{ background:#b48218; transform:rotatex(-90deg) translatez(28px); -moz-transform:rotatex(-90deg) translatez(28px); -ms-transform:rotatex(-90deg) translatez(28px); -webkit-transform:rotatex(-90deg) translatez(28px);}
.pservice-box dd:nth-child(1) .dd-title .cn{ background:url(../images/se-icon01.png) no-repeat left center;}
.pservice-box dd:nth-child(2) .dd-title .cn{ background:url(../images/se-icon02.png) no-repeat left center;}
.pservice-box dd:nth-child(3) .dd-title .cn{ background:url(../images/se-icon03.png) no-repeat left center;}
.pservice-box dd:nth-child(4) .dd-title .cn{ background:url(../images/se-icon04.png) no-repeat left center;}
.pservice-box dd:hover .dd-title{ color:#fff;}
.pservice-box dd:hover .dd-title:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.pservice-box dd:nth-child(1):hover .dd-title .cn{ background:url(../images/se-icon01-h.png) no-repeat left center;}
.pservice-box dd:nth-child(2):hover .dd-title .cn{ background:url(../images/se-icon02-h.png) no-repeat left center;}
.pservice-box dd:nth-child(3):hover .dd-title .cn{ background:url(../images/se-icon03-h.png) no-repeat left center;}
.pservice-box dd:nth-child(4):hover .dd-title .cn{ background:url(../images/se-icon04-h.png) no-repeat left center;}
.pservice-box dd:hover .dd-more .three-d { transform: translateZ(-28px) rotateX(90deg); -webkit-transform: translateZ(-28px) rotateX(90deg); -moz-transform: translateZ(-28px) rotateX(90deg); -ms-transform: translateZ(-28px) rotateX(90deg);}
.pservice-box dd:hover .dd-pic img { transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);  }
.pservice-box dd:hover .dd-txt{ background:#ececec; padding:15px;}
.pservice-box dd:hover .dd-txt:hover{ background:#fff; }

/**关于我们**/
.pabout-info{ text-align:center; margin-top:50px;}
.pabout-info .t{ font-size:30px; font-weight:bold; color:#444; position:relative; padding-bottom:15px;}
.pabout-info .t:before{ content:''; background:#2267b6; width:52px; height:4px; position:absolute; left:50%; bottom:0; margin-left:-26px;}
.pabout-info .c{ margin-top:20px; font-size:16px; line-height:36px; }
.pabout-more{ margin-top:45px; width:190px; display:inline-block; position:relative; text-align:center; color:#252525; font-weight:lighter; text-transform:uppercase;}
.pabout-more .line{ background:#616161; width:100%; height:1px; margin-top:5px; display:block; position:relative;}
.pabout-more .line:before{ content:''; background:#2267b6; width:0; height:1px; position:absolute; left:0; top:0; transition:all 0.4s;}
.pabout-more .line i{ font-size:15px; position:absolute; right:-6px; top:-7px;}
.pabout-more:hover .line:before{ width:100%;}

.pabout-team{ margin-top:75px;}
.pabout-team .w{ display:flex; }
.pabout-team .figure{ width:50%; display:table-cell; overflow:hidden;}
.pabout-team .figure img{ width:100%; display:block; transition:all 0.4s;}
.pabout-team .figure:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.pabout-team .word{ background:#e8e8e8; width:50%; display:table-cell; padding:55px 4% 0 4%;}
.pabout-team .word .t{ font-size:30px; font-weight:bold; color:#444; position:relative; padding-bottom:15px;}
.pabout-team .word .t:before{ content:''; background:#2267b6; width:52px; height:4px; position:absolute; left:0; bottom:0;}
.pabout-team .word .c{ height:252px; overflow:hidden; margin-top:25px; font-size:16px; line-height:36px; text-align:justify;}

.pabout-culture{ background-image:url(../images/pabout-cultureBg.jpg); background-position:center; background-size:cover; width:100%; padding:75px 0; margin-top:100px;}
.pabout-culture .w{ width:1100px;}
.pabout-culture dd{ background:rgba(255,255,255,.6); width:calc(50% - 1px); float:left; position:relative; padding:42px 40px 70px 40px; margin-right:1px;}
.pabout-culture dd:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff;  -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}

.pabout-culture dd .ty{ background:#2267b6; width:0; height:5px; position:absolute; left:0; top:0; transition:all 0.4s;}
.pabout-culture dd .tit{ font-size:30px; font-weight:bold; color:#444; position:relative; padding-bottom:15px; z-index:1;}
.pabout-culture dd .tit:before{ content:''; background:#2267b6; width:52px; height:4px; position:absolute; left:0; bottom:0;}
.pabout-culture dd .pic{ margin-top:28px; position:relative; z-index:1; overflow:hidden;}
.pabout-culture dd .pic img{ width:100%; display:block; transition:all .4s;}
.pabout-culture dd .txt{ font-size:16px; line-height:30px; text-align:justify; margin-top:8px; height:90px; overflow:hidden; position:relative; z-index:1;}
.pabout-culture dd:last-child{ margin-top:120px;}
.pabout-culture dd:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}
.pabout-culture dd:hover .ty{ width:100%;}
.pabout-culture dd:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }

.pabout-honor{ padding-top:70px;}
.pabout-honor-tab{ text-align:center; font-size:0;}
.pabout-honor-tab a{ background:#e8ded9; line-height:55px; font-size:30px; font-weight:bold; color:#5e5e5e; vertical-align:top; padding:0 30px; display:inline-block; margin:0 20px;}
.pabout-honor-tab a.on, .pabout-honor-tab a:hover{ background:#2267b6; color:#fff;}

.pabout-honor-listbox{ background:#e8e8e8; padding:0 60px; max-height:813px; overflow:hidden; margin-top:58px;}
.pabout-honor-listbox .liBox{ padding:60px 0 50px 0;}
.pabout-honor-list{ position:relative; overflow:hidden; padding-bottom:55px;}
.pabout-honor-list li{  overflow:hidden; text-align:center; display:table; float:left; position:relative;}
.pabout-honor-list li .li-item{ width:calc(33.3% - 40px); float:left; position:relative; margin:20px; overflow:hidden;  display:table; cursor:pointer;}
.pabout-honor-list li img{ width:100%; transition:all 0.4s;}
.pabout-honor-list li .tit{ background:rgba(0,0,0,.3); width:100%; line-height:46px; position:absolute; left:0; bottom:-100%; z-index:1; font-size:18px; color:#fff; transition:all 0.4s;}
.pabout-honor-list li .li-item:hover .tit{ bottom:0;}
.pabout-honor-list li .li-item:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); }
.pabout-honor-list .swiper-pagination{ font-size:0;}
.pabout-honor-list .swiper-pagination-bullet{ background:#a2a2a2; width:14px; height:14px; opacity:1; margin:0 8px !important;}
.pabout-honor-list .swiper-pagination-bullet-active{ background:#2267b6;}

/*员工信息认证-弹出层*/
.pTeacher-pup{ background:rgba(0,0,0,.6); position:fixed; width:100%; height:100%; z-index:100; bottom:100%; right:0; -webkit-transition:all 0.8s ease; transition:all 0.8s ease; opacity:0; text-align:center; display:table;}
.pTeacher-pup.open{ bottom:0; opacity:1;}
.pTeacher-pup .show-box{ width:70%; background:#fff; position:relative; display:inline-block; padding:4%;}
.pTeacher-pup .w-img{ width:25%; }
.pTeacher-pup .w-text{ width:72%; text-align:left;}
.pTeacher-pup .w-text .t{ font-size:30px; color:#222; line-height:1.1; padding-bottom:15px; position:relative; display:inline-block;}
.pTeacher-pup .w-text .t:before{ content:''; background:#2267b6; width:100%; height:3px; position:absolute; left:0; bottom:0;}
.pTeacher-pup .w-text .c{ margin-top:15px; line-height:2.2;}
.pTeacher-pup .w-text .c dl dt{ float:left;}
.pTeacher-pup .w-text .c dl dd{ overflow:hidden;}
.pTeacher-pup .w-text .d{ font-size:16px; margin-top:20px;}
.pTeacher-pup .button{ width:71px; position:absolute; top:0; right:-71px;}
.pTeacher-pup .button a{ background:#2d2d2d; width:100%; height:71px; display:block; text-align:center; line-height:71px; margin-bottom:1px; cursor:pointer; position:relative;}
.pTeacher-pup .button a:hover{ background:#2267b6;}
.pTeacher-pup .button a .ico{ background:url(../images/pTeacher-close.png) no-repeat; display:block; width:100%; height:100%; }
.pTeacher-pup .button a.next-btn .ico{ background-position:0 -72px;}
.pTeacher-pup .button a.prev-btn .ico{ background-position:0 -144px;}
.pTeacher-pup .button a.close-btn:before{ content:''; background:url(../images/pTeacher-close.png) no-repeat; display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.3s ease;}
.pTeacher-pup .button a.close-btn i{ opacity:0; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; visibility:hidden; color:#fff;}
.pTeacher-pup .button a.close-btn:hover i{ opacity:1; visibility:visible;}
.pTeacher-pup .button a.close-btn:hover:before{ opacity:0;}


/*在线留言*/
.js-con {padding: 25px 20px;min-height:680px}
.particle-text{ font-size:18px; line-height:36px;}
.pactBox{ border:1px #e5e5e5 solid; border-top:0; padding:40px 0 100px 0;}
.pactBox .filed{ margin-top:15px;}
.pactBox .filed label{ width:125px; text-align:right; float:left; line-height:37px; color:#4d4d4d; padding-right:5px;}
.pactBox .filed .inpt{ width:461px; height:37px; line-height:37px; padding-left:12px; color:#9f9f9f; border:1px #dfdfdf solid; border-radius:5px; box-sizing:border-box;}
.pactBox .filed .area{ width:595px; height:240px; padding:10px 12px; line-height:24px; color:#9f9f9f; border:1px #dfdfdf solid; border-radius:5px; box-sizing:border-box; resize:none;}
.pactBox .filed .yzm-inpt{ width:150px; float:left;}
.pactBox .filed .yzm-img{ width:135px; height:35px; border:1px #dfdfdf solid; float:left; margin-left:10px;}
.pactBox .filed .yzm-in{ color:#1391de; line-height:37px; float:left; padding-left:20px;}
.pactBox .filed .btn{ background:#2267b6; width:297px; height:52px; line-height:52px; text-align:center; font-size:24px; color:#fff;  display:inline-block; border-radius:5px; cursor:pointer;}
.pactBox .filed.mtp35{ margin-top:35px;}
.pactBox .filed.mtp55{ margin-top:55px;}
.pactBox .filed .wth300{ width:300px;}


.renz-filed{ width:440px; margin:auto; /*padding:100px 0;*/}
.renz-filed .inpt{ width:360px; height:36px; line-height:34px; font-size:14px; padding-left:10px; border:1px #ccc solid; border-radius:5px; float:left;}
.renz-filed .btn{ background:#2267b6; width:70px; line-height:36px; text-align:center; font-size:15px; color:#fff; cursor:pointer; float:right; border-radius:5px;}

.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-carousel .owl-item { float: left; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html.openImg { overflow: hidden; }
.overlayClose {  background:url(../images/close.png) no-repeat; width:49px; height:49px; position:absolute; right:5%; top:2%; display:inline-block; }
.imgShowBox { background: url(../images/black_bg.png) repeat; background: none rgba(0,0,0,0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; background-size: contain; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .txt { background: url(../images/black_bg4.png) repeat; background: none rgba(0,0,0,0.4); font-size: 16px; color: #fff; line-height: 65px; position: absolute; left: 0; right: 0; bottom: 0; height: 65px; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.imgShowDemo .owl-controls .owl-buttons div { width:45px; height:45px; position:absolute; top:50%; margin-top:-23px; border:1px #fff solid; transform: rotate(45deg); -ms-transform:rotate(45deg); z-index:1; text-indent:-10em;}
.imgShowDemo .owl-controls .owl-buttons div:before, .imgShowDemo .owl-controls .owl-buttons div:before{content: ''; background: url(../images/video-arrow.png) no-repeat; width:18px; height:15px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -9px; transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 5%;  }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:before{ transform:rotate(135deg); -ms-transform:rotate(135deg);}
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 5%; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color:#2267b6; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { border: 1px solid #2267b6; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #969696; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { border: 1px solid #969696; }




.pcultural { position: relative; overflow:hidden; margin-top:50px;}
.pcultural  img { width:100%; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.pcultural:hover img { transform:scale(1.05); }
.pcultural .iboxt { position: absolute; left: 0; top: 0; height: 100%; width: 40%; background: rgb(34, 103, 182); color: #fff; padding: 70px; }
.pcultural .iboxt .h1 { font-size: 36px; line-height: 48px; }
.pcultural .iboxt .en { font-size: 24px; line-height: 48px; text-transform: uppercase; }
.pcultural .iboxt .txt { font-size: 15px; line-height:36px; }
.pcultural .iboxt .t { font-size:18px; font-weight: bold; line-height: 36px; padding:10px 0;}



/**联系我们**/
.pcontact-inner{ background:#f4f4f4; margin-top:50px;}
.pcontact-inner .map{ width:66%; border:1px #e1e1e1 solid;}
.pcontact-inner .word{ width:34%; padding:60px 4% 0 4%;}
.pcontact-inner .word .t{ font-size:24px; font-weight:bold; line-height:1; padding-bottom:20px;}
.pcontact-inner .word .c dl{ padding:3px 0; line-height:30px;}
.pcontact-inner .word .c dl dt{ float:left;}
.pcontact-inner .word .c dl dd{ overflow:hidden;}
.pcontact-inner .word .c-code{ text-align:center; padding-top:25px;}
.pcontact-inner .word .c-code img{ background:#fff; width:178px; padding:6px; margin-bottom:8px; border:1px #e1e1e1 solid;}

.pmessage-left{ width:35%; position:relative;}
.pmessage-left .tit{ font-size:16px; line-height:30px; width:100%; position:absolute; left:0; top:60px; padding:0 40px;}
.pmessage-right{ width:64%; position:relative; border:1px #e1e1e1 solid; padding:30px 4% 42px 4%;}
.pmessage-right:before{ content:''; background:url(../images/pmessage-arrow.jpg) no-repeat; width:13px; height:24px; position:absolute; left:-13px; top:63px;}
.pmessage-right .title{ line-height:34px; font-size:24px; font-weight:bold;}
.pmessage-right .title .iconfont{ width:34px; font-size:34px; color:#129a4f; margin-right:15px; vertical-align:top; display:inline-block;}
.pmessage-right .title .bz{ font-size:14px; padding-left:15px; font-weight:normal;}
.pmessage-right .filed li{ overflow:hidden; position:relative; margin-top:20px; vertical-align:middle;}
.pmessage-right .filed li .aside{ width:49%; position:relative;}
.pmessage-right .filed li .inpt{ background:#fafafa; width:100%; height:46px; line-height:44px; padding-left:14px; color:#888; border:1px #e1e1e1 solid; border-radius:5px;}
.pmessage-right .filed li .area{ background:#fafafa; width:100%; height:155px; line-height:24px; padding:10px 14px; color:#888; border:1px #e1e1e1 solid; border-radius:5px;}
.pmessage-right .filed li .yzm-inpt{ width:248px; float:left;}
.pmessage-right .filed li .yzm-img{ width:100px; height:46px; float:left; margin:0 20px;}
.pmessage-right .filed li .yzm-in{ color:#3197d2; line-height:46px; float:left;}
.pmessage-right .filed li .btn{ background:#2267b6; width:100%; height:65px; line-height:65px; font-size:24px; font-weight:bold; color:#fff; display:inline-block; vertical-align:top; border-radius:5px; cursor:pointer;}
.pmessage-right .filed li .gender-box{ background:#fafafa; width:100%; height:46px; line-height:44px; padding:0 18px 0 14px; color:#888; border:1px #e1e1e1 solid; border-radius:5px;}
.pmessage-right .filed li .gender-box .radio{ float:left; color:#444; padding-left:30px; cursor:pointer;}
.pmessage-right .filed li .gender-box .radio .ra-icon{ width:19px; height:19px; vertical-align:middle; display:inline-block; margin-right:7px; border:1px #b4b4b4 solid; border-radius:50%;}
.pmessage-right .filed li .gender-box .radio.check .ra-icon{ background:url(../images/dui.png) no-repeat center; border-color:#129a4f;}



.pabout-figure{ position:relative; margin-top:50px;}
.pabout-figure .pic{ width:70%; overflow:hidden;}
.pabout-figure .pic img{ width:100%; transition:all 0.4s; display:block;}
.pabout-figure .pic:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pabout-figure .word{ background:#2267b6; width:30%; color:#fff; padding:0 50px;  height:100%; position:absolute; right:0;}
.pabout-figure .word-t{ width:100%; height:100%; display:table; text-align:center;}
.pabout-figure .word-t .t{ font-size:30px; font-weight:bold; text-align:left; text-transform:uppercase;}
.pabout-figure .word-t .c{ font-size:30px; line-height:50px; font-weight:bold; text-align:left; margin-top:10px;}
.pabout-word{ padding-top:35px; color:#555; font-size:16px; line-height:36px;}
.pabout-word .t{ font-size:22px; font-weight:bold; padding-bottom:25px;}