@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:#b90d0d; }
*{ 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:#b90d0d; 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:#b90d0d;}
.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:#b90d0d; }
.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:#b90d0d; }
.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:#b90d0d; 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:#b90d0d; 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: 70px !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:#b90d0d; 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 #b90d0d solid; transition:all 0.4s;}
.latest-news.open{ right:0;}
.latest-news .close{ background:#b90d0d; 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:#b90d0d;}
.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:#b90d0d; 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:#b90d0d; color:#fff; border-color:#b90d0d;}


.zqAbout-title{ text-align:center; padding:70px 0 25px 0;}
.zqAbout-title .cn{ font-size:30px; font-weight:bold; color:#b90d0d; }
.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:#b90d0d; 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:#b90d0d; color:#b90d0d; 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:20%; 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:#b90d0d; 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:#b90d0d;}
.zqNews-title .en{ font-family:aparajita; font-size:36px; color:#656565; text-transform:uppercase; padding-left:5px;}
.zqNews-title .mo{ color:#b90d0d; 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; display:none;}
.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:#b90d0d;}
.zqNews-cont-tab a:before{ content:''; background:#b90d0d; 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:#b90d0d}
.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:#b90d0d; 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:#b90d0d; 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;}

.zqProject-list{ background:#fff; width:100%; height:757px; }
.zqProject-list a{ width:50%; height:25%; float:left; text-align:center; position:relative;}
.zqProject-list a .iboxt{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.zqProject-list a .iboxt .icon{ width:91px; display:inline-block; vertical-align:top;}
.zqProject-list a .iboxt .tit{ font-size:20px; margin-top:5px;}


.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:#b90d0d; 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:#b90d0d; 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:#b90d0d; }
.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:#b90d0d; 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:#b90d0d; 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:#b90d0d; position:absolute; left:-100%; top:0; transition:380ms;}

.pNews-list li:hover{ border-color:#b90d0d;}
.pNews-list li:hover:before{ width:100%;}
.pNews-list li:hover .tome{ border-top:1px #b90d0d solid;}
.pNews-list li:hover .tome .v{ color:#b90d0d; border-color:#b90d0d;}
.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 #b90d0d 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:#b90d0d;}
.page .nowpage {background:#b90d0d;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:#b90d0d; 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:#b90d0d; 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:#b90d0d; 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:#b90d0d;}
.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: #b90d0d;}


/*资质、荣誉*/
.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%; 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:#b90d0d;}


/*在线视频*/
.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; 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{ 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:#b90d0d; 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:#b90d0d; 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:#b90d0d; 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:#b90d0d; 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:#b90d0d; 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:#b90d0d; 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:#b90d0d;}

/*员工信息认证-弹出层*/
.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:#b90d0d; 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:#b90d0d;}
.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:#b90d0d; 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:#b90d0d; 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:#b90d0d; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { border: 1px solid #b90d0d; }
.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: rgba(185, 13, 13, 0.86); 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:#b90d0d; 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:#b90d0d; 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;}

/***浮动客服***/
#o_do1{ display:none;}
.right_m{ height:245px; position:fixed; right:0; bottom:50%; z-index:999; margin-bottom:-122.5px;}
.mo_m{width:54px; height:245px; position:relative; z-index:9999;}
.right_li{ display:block; height:48px; line-height:48px; font-size:14px; margin-bottom:1px;color:#FFFFFF;  -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; overflow:hidden; transition: all 400ms ease 0s; font-family:"微软雅黑";}
.right_li:hover{ color:#FFFFFF !important;}
.right_li .im{display: inline-block;width: 54px;text-align: center}
.right_li .im img{ vertical-align: middle;}

.qq{width:134px; background: #484f56; overflow:hidden; position:absolute; right:-80px; top:50px; }
.m_top{ width:134px; background: #484f56; position:absolute; /*bottom:-1px;*/ right:-80px; }
.kf{ width:134px; background: #484f56; position:absolute; right:-80px; top:100px; }
.r_tell{width:225px; font-size:16px; background: #484f56; position:absolute; right:-171px; top:168px;     top: 0px;}
.ewm{width:54px; background: #484f56; position:absolute; bottom:0;}
.ewm_hover{width:126px; height:126px; border:1px solid #BBBBBB; -moz-border-radius:5px; border-radius:5px; overflow:hidden; position:absolute; right:55px; bottom:0;  display:none;}

.t_top{width:54px; background: #484f56; overflow:hidden; position:absolute; right:0px; top:150px;}

.qq:hover{ right:0; background: #cc0033;}
.m_top:hover{ right:0; background: #cc0033;}
.kf:hover{ right:0; background: #cc0033;}
.r_tell:hover{ right:0; background: #cc0033;}
.ewm:hover{ right:0; background: #cc0033;}


/*添加*/

/**app推广展示**/
.w1200{ width:1200px; margin:auto;}
.hide{ display:none;}
.c-red{ color:#d61515 !important;}

.app-banner img{ width:100%; display:block;}
.app-custom{ padding:60px 0;}
.app-customTitle{ text-align:center;}
.app-customTitle .cn{ font-size:30px; line-height:30px; position:relative; padding-bottom:5px;}
.app-customTitle .line{ background:#d61515; width:56px; height:5px; display:block; margin:auto; margin-top:10px; vertical-align:top;}
.app-customTitle .en{ font-size:16px; padding-top:10px; color:#636363; text-transform:uppercase;}
.app-customTitle .tips{ color:#fff; margin-top:20px;}

.app-customList{ padding-top:45px; margin-left:-33px; position:relative; font-size:0; text-align:center;}
.app-customList li{ width:242px; display:inline-block; vertical-align:top; margin:25px 33px 0 33px; display:inline-block; transition:all 0.4s; }
.app-customList li .icon{ width:128px; display:inline-block; vertical-align:top;}
.app-customList li .tit{ font-size:26px; font-weight:bold; padding:15px 0;}
.app-customList li .txt{ font-size:16px; line-height:24px; text-align:justify;}

.app-customText{ line-height:46px; text-align:center; padding-top:50px; color:#666;}


.app-solut{ background:#f2f2f2; padding:50px 0 75px 0;}
.app-solutList{ margin-left:-30px; position:relative; padding-top:10px;}
.app-solutList li{ background:#fff; width:calc(50% - 30px); float:left; margin:30px 0 0 30px; display:inline-block; transition:all 0.4s;}
.app-solutList li .li-boxt{ padding:45px 30px 45px 25px; }
.app-solutList li .icon{ background:url(../images/solut-liBg.png) no-repeat; width:104px; height:120px; margin-top:6px; text-align:center; transition:all 0.3s; padding-top:25px;}
.app-solutList li .icon img.img-hide{ display:none;}
.app-solutList li .word{ width:380px; color:#fff;}
.app-solutList li .word .t{ font-size:24px; font-weight:bold;}
.app-solutList li .word .st{ padding:10px 0 15px 0; position:relative; line-height:25px;}
.app-solutList li .word .st:before{ content:''; background:#fff; width:61px; height:5px; position:absolute; left:0; bottom:0;}
.app-solutList li .word .c{ line-height:25px; color:#fff; margin-top:15px; padding-right:30px;}
.app-solutList li:hover{ -webkit-box-shadow:0 0 24px rgba(140,140,140,.15); -moz-box-shadow:0 0 24px rgba(140,140,140,.15); box-shadow:0 0 24px rgba(140,140,140,.15);}
/*.app-solutList li:hover .icon{ background:url(../images/solut-liBgh.png) no-repeat; }
.app-solutList li:hover .icon img.img-show{ display:none;}
.app-solutList li:hover .icon img.img-hide{ display:inline-block;}*/
.app-solutList li:nth-child(1){ background:#29b62c;}
.app-solutList li:nth-child(2){ background:#1e99d2;}
.app-solutList li:nth-child(3){ background:#5258da;}
.app-solutList li:nth-child(4){ background:#7643b4;}
.app-solutList li:nth-child(5){ background:#3d71b8;}
.app-solutList li:nth-child(6){ background:#ff8d13;}

.app-NewsolutList{ margin-left:-40px; position:relative; padding-top:10px;}
.app-NewsolutList li{ background:#fff; width:268px; height:268px; float:left; margin:50px 0 0 40px; padding:16px 13px 0 13px; display:inline-block; transition:all 0.4s; border-radius:50%; box-shadow:0 4px 6px rgba(0,0,0,.2);}
.app-NewsolutList li .pic{ width:241px;}
.app-NewsolutList li .tit{ font-size:16px; text-align:center; padding-top:20px;}



.app-solutMore{ background:#fff; margin-top:30px; text-align:center; padding:50px 0;}
.app-solutMore .t{ font-size:24px; font-weight:bold;}
.app-solutMore .c{ font-size:16px; color:#787878; padding:20px 0 35px 0;}

.app-case{ padding:70px 0 90px 0;}
.app-caseList{ margin-left:-30px; position:relative;}
.app-caseList li{ width:calc(33.3% - 30px); margin:30px 0 0 30px; float:left; display:inline-block;}
.app-caseList li .pic img{ width:100%;}
.app-caseList li .tit{ background:#eaeaea; line-height:50px; padding-left:25px; position:relative; transition:all 0.4s;}
.app-caseList li .tit .icon{ position:absolute; right:23px; top:0; opacity:0;}
.app-caseList li:hover .tit{ background:#d61515; color:#fff;}
.app-caseList li:hover .tit .icon{ opacity:1;}

.app-caseMore{ text-align:center; padding-top:80px;}
.app-caseMore a{ background:#d61515; width:161px; height:46px; line-height:46px; font-size:16px; color:#fff; border-radius:5px; display:inline-block;}


.app-process{ background-image:url(../images/app-processBg.jpg); background-position:center; background-size:cover; padding:50px 0;}
.app-process .app-customTitle{ color:#fff;}
.app-process .app-customTitle .en{ color:#fff !important;}

.app-processTab{ text-align:center; margin-top:60px;}
.app-processTab a{ background:#969696; width:145px; height:145px; padding-top:30px; display:inline-block; margin:0 120px; vertical-align:top; border:3px #969696 solid; border-radius:50%;}
.app-processTab a .tit{ font-size:24px; color:#fff; margin-top:15px;}
.app-processTab a.active{ background:#d61515; border-color:#fff;}

.app-processListBox{ padding-top:50px; margin-top:60px; position:relative;}
.app-processList{ background:#fff; padding:40px 0 55px 0; overflow:hidden;}
.app-processList li{ padding:0 55px; border-right:1px #eef1f3 solid;}
.app-processList li .t{ font-size:18px; line-height:48px; font-weight:bold;}
.app-processList li .t label{ color:#d61515; font-size:48px; display:inline-block; vertical-align:top; margin-right:15px;}
.app-processList li .c{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.app-processList .swiper-button-next, .app-processList .swiper-button-prev{ background:#a11b20; width:87px; height:35px; line-height:35px; text-align:center; top:0; margin-top:auto;}
.app-processList .swiper-button-next:hover, .app-processList .swiper-button-prev:hover{ background:#d61515;}
.app-processList .swiper-pagination{ width:calc(100% - 180px); left:90px; color:#fff; top:0; font-size:16px; line-height:35px;}
.app-processList .swiper-pagination-current{ font-size:24px;}

.wzjs-process{ margin-top:80px;}
.wzjs-process li{ float:left; position:relative; width:263px;}
.wzjs-process li:before{ content:''; background:url(../images/Nprocess-line.png) no-repeat; width:117px; height:16px; position:absolute; top:65px; right:0;}
.wzjs-process li:last-child{ width:146px;}
.wzjs-process li:last-child:before{ display:none;}
.wzjs-process li .title{ max-width:185px; text-align:center; font-size:16px; margin-top:20px;}


.weix-customList{ margin-top:40px; margin-left:-15px; position:relative;}
.weix-customList li{ background:#fff; width:calc(25% - 15px); margin-left:15px; float:left; display:inline-block; padding:68px 0 90px 0; position:relative; text-align:center; border:1px #e1e1e1 solid; overflow:hidden;}
.weix-customList li .icon{ display:inline-block; vertical-align:top;}
.weix-customList li .tit{ font-size:24px; font-weight:bold; margin-top:20px;}
.weix-customList li .cover{ background:#3d71b8; width:100%; height:100%; position:absolute; left:0; top:100%; color:#fff; padding:65px 30px 0 30px; text-align:left; transition:all 0.4s;}
.weix-customList li .cover .t{ font-size:24px; font-weight:bold; position:relative; padding-bottom:15px;}
.weix-customList li .cover .t:before{ content:''; background:#fff; width:67px; height:2px; position:absolute; left:0; bottom:0;}
.weix-customList li .cover .c{ line-height:24px; text-align:justify; margin-top:10px;}
.weix-customList li:hover .cover{ top:0;}

.weix-solutList{ margin-left:-20px; position:relative;}
.weix-solutList li{ width:calc(33.33% - 20px); min-height:269px; margin:20px 0 0 20px; padding:35px 35px 35px 20px; float:left; display:inline-block;}
.weix-solutList li .icon{ width:98px;}
.weix-solutList li .word{ width:calc(100% - 98px); padding-left:17px; color:#fff;}
.weix-solutList li .word .t{ font-size:24px; position:relative; padding-bottom:12px;}
.weix-solutList li .word .t:before{ content:''; background:#fff; width:44px; height:2px; position:absolute; left:0; bottom:0;}
.weix-solutList li .word .c{ line-height:24px; text-align:justify; margin-top:12px;}

.weix-processTab{ background:#fff; margin-top:25px;}
.weix-processTab a{ width:33.333%; float:left; font-size:24px; text-align:center; position:relative; line-height:63px;}
.weix-processTab a.active, .weix-processTab a:hover{ background:#1d40c3; color:#fff;}
.weix-processTab a.active:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-bottom-width:0; border-top-color:#1d40c3; position:absolute; bottom:-10px; left:50%; margin-left:-10px; }

.weix-processList{ background:#fff; margin-top:27px; padding:45px 140px; position:relative; max-height:385px; overflow:auto; }
.weix-processList::-webkit-scrollbar{width:10px;height: 5px;}/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等*/
.weix-processList::-webkit-scrollbar-button{  background-color:#eaeaea;}/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/
.weix-processList::-webkit-scrollbar-track{background:#eaeaea;}/*外层轨道*/
.weix-processList::-webkit-scrollbar-track-piece {background:#eaeaea);}/*内层轨道，滚动条中间部分（除去）*/
.weix-processList::-webkit-scrollbar-thumb{background:#546ecc; }/*滚动条里面可以拖动的那部分*/
.weix-processList::-webkit-scrollbar-corner {background:#eaeaea;}/*边角*/
.weix-processList::-webkit-scrollbar-resizer  {background:#eaeaea;}/* 定义右下角拖动块的样式*/
.weix-processList ul{ position:relative; padding-left:30px;}
.weix-processList ul li{ padding:0 0 30px 30px; position:relative; border-left:2px #c27474 solid;}
.weix-processList ul li:before{ content:''; background:#c27474; width:15px; height:15px; position:absolute; left:-8px; top:5px; border-radius:50%;}
.weix-processList ul li .t{ font-size:18px; font-weight:bold;}
.weix-processList ul li .c{ font-size:16px; line-height:30px; padding-top:5px;}




.baojia{ background:url(../images/baojia-Bg.jpg) repeat; border-top:5px #d61515 solid; text-align:center; padding:30px 0 38px 0;}
.baojia-tips{ font-size:24px; color:#e30101;}
.baojia-tel{ font-size:18px; line-height:32px; margin-top:15px;}
.baojia-tel img{ vertical-align:top; margin-right:10px;}
.baojia-btn{ background:#d61515; padding:0 35px; line-height:50px; display:inline-block; font-size:18px; color:#fff !important; margin-top:15px; border-radius:20px;}
.baojia-btn img{ margin-right:10px;}


.common-gud {display: flex;background: url(../images/bto-shadow.png) repeat-x 0 0 / auto 100%;position: fixed;z-index: 9;bottom: 0;left: 0;width: 100%; display:none;}
.common-gud a { flex: 1; text-align: center; padding:1px 0;}
.common-gud img { height:25px; }
.common-gud p { color: #aaa; font-size:12px; }



.footer-baojia{ background:#d61515; padding:30px 0 40px 0;color: #fff;text-align:left;font-size:12px;}
.footer-baojia .title {font-size:28px;padding-bottom:5px;}

.baojia_form { padding:20px 0 10px 0;}
.baojia_form .input {background: #fff;width: 24%;margin-right: 1%;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height:45px;height: 47px;padding: 0 10px;float:left;border:1px #f2f2f2 solid;}
.baojia_form .input.large {width:38%;}
.baojia_form .btn_tijiao {width: 11%;background:#333;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;display: inline-block;line-height:45px;height:45px;text-align: center;color: #fff;font-size:16px;}



.News-plan{ background-image:url(../images/News-planBg.jpg); background-position:center; background-size:cover; width:100%; padding:50px 0 65px 0;}
.News-plan .app-customTitle .cn{ color:#fff;}
.News-plan .app-customTitle .line{ color:#fff;}
.News-plan .app-customTitle .en{ color:#fff;}
.News-planList{ border:2px #ccd4d6 solid; border-right:0; border-bottom:0; margin-top:50px;}
.News-planList li{ width:50%; float:left; padding:35px; border-right:2px #ccd4d6 solid; border-bottom:2px #ccd4d6 solid; transition:all 0.4s;}
.News-planList li .pic{ width:78px;}
.News-planList li .word{ width:calc(100% - 78px); padding-left:20px; color:#fff;}
.News-planList li .word .t{ font-size:24px; font-weight:bold;}
.News-planList li .word .d{ padding:8px 0 17px 0; position:relative;}
.News-planList li .word .d:before{ content:''; background:#ccd4d6; width:60px; height:1px; position:absolute; left:0; bottom:0;}
.News-planList li .word .c{ font-size:16px; line-height:24px; margin-top:15px;}
.News-planList li:hover{ background:#ff6702;}






.w1200 {width: 1200px;margin: auto;}
.hide {display: none;}
.c-red {color: #d61515 !important;}
.app-custom {padding: 60px 0;}
.app-customTitle {text-align: center;}
.app-customTitle .cn {font-size: 30px;line-height: 30px;position: relative;padding-bottom: 5px;}
.app-customTitle .line {background: #d61515;width: 56px;height: 5px;display: block;margin: auto;margin-top: 10px;vertical-align: top;}
.app-customTitle .en {font-size: 16px;padding-top: 10px;color: #636363;text-transform: uppercase;}
.app-customTitle .tips {color: #fff;margin-top: 20px;}
.app-customList {padding-top: 45px;margin-left: -33px;position: relative;font-size: 0;text-align: center;}
.app-customList li {width: 242px;vertical-align: top;margin: 25px 33px 0 33px;display: inline-block;transition: all 0.4s;}
.app-customList li .icon {width: 128px;display: inline-block;vertical-align: top;}
.app-customList li .tit {font-size: 26px;font-weight: bold;padding: 15px 0;}
.app-customList li .txt {font-size: 16px;line-height: 24px;text-align: justify;}
.app-customText {line-height: 46px;text-align: center;padding-top: 50px;color: #666;}
.News-plan {background-image: url(../images/News-planBg.jpg);background-position: center;background-size: cover;width: 100%;padding: 50px 0 65px 0;}
.News-plan .app-customTitle .cn {color: #fff;}
.News-plan .app-customTitle .line {color: #fff;}
.News-plan .app-customTitle .en {color: #fff;}
.News-planList {border: 2px #ccd4d6 solid;border-right: 0;border-bottom: 0;margin-top: 50px;}
.News-planList li {width: 50%;float: left;padding: 35px;border-right: 2px #ccd4d6 solid;border-bottom: 2px #ccd4d6 solid;transition: all 0.4s;}
.News-planList li .pic {width: 78px;}
.News-planList li .word {width: calc(100% - 78px);padding-left: 20px;color: #fff;font-size: 14px;}
.News-planList li .word .t {font-size: 24px;font-weight: bold;}
.News-planList li .word .d {padding: 8px 0 17px 0;position: relative;}
.News-planList li .word .d:before {content: '';background: #ccd4d6;width: 60px;height: 1px;position: absolute;left: 0;bottom: 0;}
.News-planList li .word .c {font-size: 16px;line-height: 24px;margin-top: 15px;}
.News-planList li:hover {background: #ff6702;}
.app-solut {background: #f2f2f2;padding: 50px 0 25px 0;}
.app-solutList {margin-left: -30px;position: relative;padding-top: 10px;}
.app-solutList li {background: #fff;width: calc(50% - 30px);float: left;margin: 30px 0 0 30px;display: inline-block;transition: all 0.4s;}
.app-solutList li .li-boxt {padding: 45px 30px 45px 25px;}
.app-solutList li .icon {background: url(../images/solut-liBg.png) no-repeat;width: 104px;height: 120px;margin-top: 6px;text-align: center;transition: all 0.3s;padding-top: 25px;}
.app-solutList li .icon img.img-hide {display: none;}
.app-solutList li .word {width: 380px;color: #fff;}
.app-solutList li .word .t {font-size: 24px;font-weight: bold;}
.app-solutList li .word .st {padding: 10px 0 15px 0;position: relative;line-height: 25px;}
.app-solutList li .word .st:before {content: '';background: #fff;width: 61px;height: 5px;position: absolute;left: 0;bottom: 0;}
.app-solutList li .word .c {
    line-height: 25px;
    color: #fff;
    margin-top: 15px;
    padding-right: 30px;
}
.app-solutList li:hover {
    -webkit-box-shadow: 0 0 24px rgba(140, 140, 140, 0.15);
    -moz-box-shadow: 0 0 24px rgba(140, 140, 140, 0.15);
    box-shadow: 0 0 24px rgba(140, 140, 140, 0.15);
}
/*.app-solutList li:hover .icon{ background:url(../images/solut-liBgh.png) no-repeat; }
.app-solutList li:hover .icon img.img-show{ display:none;}
.app-solutList li:hover .icon img.img-hide{ display:inline-block;}*/
.app-solutList li:nth-child(1) {
    background: #29b62c;
}
.app-solutList li:nth-child(2) {
    background: #1e99d2;
}
.app-solutList li:nth-child(3) {
    background: #5258da;
}
.app-solutList li:nth-child(4) {
    background: #7643b4;
}
.app-solutList li:nth-child(5) {
    background: #3d71b8;
}
.app-solutList li:nth-child(6) {
    background: #ff8d13;
}
.app-solutMore {
    background: #fff;
    margin-top: 30px;
    text-align: center;
    padding: 50px 0;
}
.app-solutMore .t {
    font-size: 24px;
    font-weight: bold;
}
.app-solutMore .c {
    font-size: 16px;
    color: #787878;
    padding: 20px 0 35px 0;
}
.app-case {
    padding: 70px 0 90px 0;
}
.app-caseList {
    margin-left: -30px;
    position: relative;
}
.app-caseList li {
    width: calc(33.3% - 30px);
    margin: 30px 0 0 30px;
    float: left;
    display: inline-block;
}
.app-caseList li .pic img {
    width: 100%;
}
.app-caseList li .tit {
    background: #eaeaea;
    line-height: 50px;
    padding-left: 25px;
    position: relative;
    transition: all 0.4s;
}
.app-caseList li .tit .icon {
    position: absolute;
    right: 23px;
    top: 0;
    opacity: 0;
}
.app-caseList li:hover .tit {
    background: #d61515;
    color: #fff;
}
.app-caseList li:hover .tit .icon {
    opacity: 1;
}
.app-caseMore {
    text-align: center;
    padding-top: 80px;
}
.app-caseMore a {
    background: #d61515;
    width: 161px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
}
.footer-baojia {
    background: #f2f2f2;
    padding: 30px 0 40px 0;
    color: #333333;
    text-align: left;
    font-size: 12px;
}
.footer-baojia .title {
    font-size: 28px;
    padding-bottom: 5px;
}
.baojia_form {
    padding: 20px 0 10px 0;
}
.baojia_form .input {
    background: #fff;
    width: 24%;
    margin-right: 1%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 45px;
    height: 47px;
    padding: 0 10px;
    float: left;
    border: 1px #f2f2f2 solid;
}
.baojia_form .input.large {
    width: 38%;
}
.baojia_form .btn_tijiao {
    width: 11%;
    background: #333;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    line-height: 45px;
    height: 45px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.baojia-btn {
    background: #d61515;
    padding: 0 35px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    margin-top: 15px;
    border-radius: 20px;
}
.baojia-btn img {
    margin-right: 10px;
}
.app-process {
    background-image: url(../images/app-processBg.jpg);
    background-position: center;
    background-size: cover;
    padding: 50px 0;
}
.app-process .app-customTitle {
    color: #fff;
}
.app-process .app-customTitle .en {
    color: #fff !important;
}
.app-processTab {
    text-align: center;
    margin-top: 60px;
}
.app-processTab a {
    background: #969696;
    width: 145px;
    height: 145px;
    padding-top: 30px;
    display: inline-block;
    margin: 0 120px;
    vertical-align: top;
    border: 3px #969696 solid;
    border-radius: 50%;
}
.app-processTab a .tit {
    font-size: 24px;
    color: #fff;
    margin-top: 15px;
}
.app-processTab a.active {
    background: #d61515;
    border-color: #fff;
}
.app-processListBox {
    padding-top: 50px;
    margin-top: 60px;
    position: relative;
}
.app-processList {
    background: #fff;
    padding: 40px 0 55px 0;
    overflow: hidden;
}
.app-processList li {
    padding: 0 55px;
    border-right: 1px #eef1f3 solid;
}
.app-processList li .t {
    font-size: 18px;
    line-height: 48px;
    font-weight: bold;
}
.app-processList li .t label {
    color: #d61515;
    font-size: 48px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
.app-processList li .c {
    font-size: 16px;
    line-height: 26px;
    color: #666;
    margin-top: 10px;
}
.app-processList .swiper-button-next,
.app-processList .swiper-button-prev {
    background: #a11b20;
    width: 87px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    top: 0;
    margin-top: auto;
}
.app-processList .swiper-button-next:hover,
.app-processList .swiper-button-prev:hover {
    background: #d61515;
}
.app-processList .swiper-pagination {
    width: calc(100% - 180px);
    left: 90px;
    color: #fff;
    top: 0;
    font-size: 16px;
    line-height: 35px;
}
.app-processList .swiper-pagination-current {
    font-size: 24px;
}
/*我们的案例*/
.app-case {
    padding: 70px 0 90px 0;
}
.app-caseList {
    margin-left: -30px;
    position: relative;
}
.app-caseList li {
    width: calc(33.3% - 30px);
    margin: 30px 0 0 30px;
    float: left;
    display: inline-block;
}
.app-caseList li .pic img {
    width: 100%;
}
.app-caseList li .tit {
    background: #eaeaea;
    line-height: 50px;
    padding-left: 25px;
    position: relative;
    transition: all 0.4s;
}
.app-caseList li .tit .icon {
    position: absolute;
    right: 23px;
    top: 0;
    opacity: 0;
}
.app-caseList li:hover .tit {
    background: #d61515;
    color: #fff;
}
.app-caseList li:hover .tit .icon {
    opacity: 1;
}
.app-caseMore {
    text-align: center;
    padding-top: 80px;
}
.app-caseMore a {
    background: #d61515;
    width: 161px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
}
.baojia {
    background: url(../images/baojia-Bg.jpg) repeat;
    border-top: 5px #d61515 solid;
    text-align: center;
    padding: 30px 0 38px 0;
}
.baojia-tips {
    font-size: 24px;
    color: #e30101;
}
.baojia-tel {
    font-size: 18px;
    line-height: 32px;
    margin-top: 15px;
}
.baojia-tel img {
    vertical-align: top;
    margin-right: 10px;
}
.baojia-btn {
    background: #d61515;
    padding: 0 35px;
    line-height: 50px;
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    margin-top: 15px;
    border-radius: 20px;
}
.baojia-btn img {
    margin-right: 10px;
}
/***footer***/
.footer {
    overflow: visible !important;
    position: relative;
}
.footer-contact {
    background-image: url(../images/footer-contactBg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 50%;
    padding-left: 10%;
    height: 200px;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
}
.footer-contact .iboxt {
    padding-top: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: lighter;
}
.footer-contact .iboxt .num {
    font-size: 40px;
    padding: 5px 0 15px 0;
}
.footer-contact .menu {
    padding: 90px 0 0 70px;
}
.footer-contact .menu a {
    float: left;
    color: #fff;
    min-width: 100px;
    line-height: 30px;
    text-align: center;
    margin-right: 16px;
    border: 1px #fff solid;
    border-radius: 20px;
}
.footer-contact .menu a:hover {
    background: #da251d;
    border-color: #da251d;
}
.footer-join {
    background-image: url(../images/footer-joinBg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    background-size: cover;
    width: 50%;
    height: 200px;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
}
.footer-join .cn {
    font-size: 34px;
    display: block;
    line-height: 200px;
    font-weight: lighter;
    color: #fff;
}
.footer-copy {
    background: #eee;
    font-weight: lighter;
    padding: 30px 0 20px 0;
    line-height: 26px;
    text-align: center;
    animation-name: fadeInUp;
    animation-delay: 0.2s;
}
.footer-copy .t {
    font-size: 18px;
    padding-bottom: 10px;
}
.footer-copy ul li {
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    margin: 0 6px;
    font-size: 16px;
}
.footer-copy ul li img {
    width: 92px;
    height: 92px;
    display: block;
    margin-bottom: 8px;
    border: 1px #8c8c8c solid;
}
/*小程序开发*/
.tad_development {
    padding: 40px 0;
}
.tad_development .h1 {
    text-align: center;
    color: #595d63;
    font-size: 34px;
    padding: 25px 0;
    line-height: 40px;
}
.tad_development .h1 span {
    color: #fa5605;
}
.tad_development .ment_t1 {
    text-align: center;
    display: flex;
    padding: 35px 0;
}
.tad_development .ment_t1 .li {
    flex: 1;
}
.tad_development .ment_t1 .li .im {
    width: 154px;
    height: 154px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.tad_development .ment_t1 .li .t {
    font-size: 18px;
    line-height: 30px;
}
.development_tw {
    width: 100%;
    background-image: url("../images/tdbg.jpg");
    background-size: cover;
    text-align: center;
    padding: 50px 0;
    color: #ffffff;
}
.development_tw .h1 {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    padding: 20px 0;
}
.development_tw .tex {
    padding: 50px 0;
    color: #333333;
}
.development_tw .tex .li {
    background: #e6eae7;
    width: 23%;
    margin-right: 2.66666667%;
    border-radius: 5px;
    padding: 40px 0;
}
.development_tw .tex .li:nth-child(4n) {
    margin-right: 0;
}
.development_tw .tex .li .im {
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
}
.development_tw .tex .li .t2 {
    line-height: 45px;
}
.tad_til {
    text-align: center;
}
.tad_til .h2 {
    color: #595d63;
    font-size: 34px;
    font-weight: bold;
}
.tad_til .t3 {
    color: #595d63;
}
.tad_t_development {
    padding: 35px 0;
    background: #f7f7f7;
}
.tad_t_development .men_lis {
    padding: 55px 0;
}
.tad_t_development .men_lis .li {
    text-align: center;
    display: inline-block;
    position: relative;
    width: 20%;
    margin-right: 6.66%;
}
.tad_t_development .men_lis .li:nth-child(4n) {
    margin-right: 0;
}
.tad_t_development .men_lis .li:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 236px;
    border-radius: 50%;
    background: #ffffff;
    z-index: 1;
}
.tad_t_development .men_lis .li .im1 {
    position: relative;
    z-index: 10;
}
.tad_t_development .men_lis .li .h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    position: relative;
    z-index: 10;
}
.tad_t_development .men_lis .li .h2:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    height: 3px;
    margin-left: -20px;
    background: #feb181;
}
.tad_t_development .men_lis .li .te {
    position: relative;
    z-index: 10;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    text-align: center;
    padding: 10px 0;
}
.tad_w_development {
    padding: 35px 0;
    background: #ffffff;
}
.tad_w_development .ment_list .li {
    width: 24%;
    margin-right: 1.33%;
    background: #fafafa;
    padding: 40px 15px;
}
.tad_w_development .ment_list .li:nth-child(4n) {
    margin-right: 0;
}
.tad_w_development .ment_list .li:nth-child(n + 5) {
    margin-top: 15px;
}
.tad_w_development .ment_list .li .im {
    text-align: center;
}
.tad_w_development .ment_list .li .im img {
    width: 100px;
    line-height: 100px;
    border-radius: 5px;
}
.tad_w_development .ment_list .li .h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 65px;
    text-align: center;
}
.tad_w_development .ment_list .li .te {
    font-size: 14px;
    line-height: 22px;
    height: 88px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.tad_f_deve {
    padding: 40px 0;
    background: url("../images/tdbg2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.tad_f_deve .h2 {
    font-size: 34px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 70px;
    position: relative;
}
.tad_f_deve .h2:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 4px;
    margin-left: -30px;
    background: rgba(255, 255, 255, 0.5);
}
.tad_f_deve .deve_lis {
    padding-top: 50px;
}
.tad_f_deve .deve_lis .li {
    color: #ffffff;
    text-align: center;
    width: 23%;
    margin-right: 2.66%;
}
.tad_f_deve .deve_lis .li:nth-child(4n) {
    margin-right: 0;
}
.tad_f_deve .deve_lis .li:nth-child(n + 5) {
    margin-top: 15px;
}
.tad_f_deve .deve_lis .li .img img {
    width: 100%;
    height: 206px;
    object-fit: cover;
    object-position: center center;
}
.tad_f_deve .deve_lis .li .h4 {
    font-size: 18px;
    text-align: center;
    padding: 25px 0;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tad_f_deve .more {
    display: block;
    margin: 20px auto ;
    color: #ffffff;
    font-size: 18px;
    width: 156px;
    line-height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    border-radius: 40px;
}
/*商城系统*/
.til_h2 {
    color: #595d63;
    font-size: 34px;
    text-align: center;
    line-height: 40px;
    padding: 40px 0;
    font-weight: bold;
}
.t_system .list_o {
    padding: 20px 0;
}
.t_system .list_o .li {
    width: 32%;
    margin-right: 2%;
    position: relative;
}
.t_system .list_o .li:nth-child(3n) {
    margin-right: 0;
}
.t_system .list_o .li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
}
.t_system .list_o .li .img1 {
    width: 100%;
}
.t_system .list_o .li .tex {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 12px ;
    color: #ffffff;
    z-index: 100;
}
.t_system .list_o .li .tex .h1 {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
}
.t_system .list_o .li .tex .te {
    font-size: 16px;
    line-height: 20px;
}
.t_system .list_tw {
    padding: 50px 0;
}
.t_system .list_tw .img_c {
    width: 30%;
    text-align: center;
}
.t_system .list_tw .l_tex {
    width: 35%;
    padding-right: 100px;
    text-align: right;
}
.t_system .list_tw .l_tex .h5 {
    color: #4979f4;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    line-height: 60px;
}
.t_system .list_tw .l_tex .h5:before {
    content: '';
    position: absolute;
    right: -100px;
    bottom: 0;
    width: 220px;
    height: 2px;
    background: #cccccc;
}
.t_system .list_tw .l_tex .te_2 {
    font-size: 20px;
    line-height: 30px;
    color: #555555;
    padding: 5px 0;
    min-height: 60px;
}
.t_system .list_tw .r_tex {
    width: 35%;
    padding-left: 100px;
    text-align: left;
}
.t_system .list_tw .r_tex .h5 {
    margin-top: 8px;
    color: #4979f4;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    line-height: 60px;
}
.t_system .list_tw .r_tex .h5:before {
    content: '';
    position: absolute;
    left: -100px;
    bottom: 0;
    width: 220px;
    height: 2px;
    background: #cccccc;
}
.t_system .list_tw .r_tex .te_2 {
    font-size: 20px;
    line-height: 30px;
    color: #555555;
    margin: 5px 0;
    min-height: 60px;
}
.t_system .list_fo {
    padding: 40px 0;
    text-align: center;
}
.t_system .list_fi {
    padding: 50px 0;
    background: #f7f7f7;
}
.t_system .list_fi .t1 {
    color: #595d63;
    font-size: 34px;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
}
.t_system .list_fi .t1 span {
    color: #e40013;
}
.t_system .list_fi .fi_te {
    color: #666666;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    padding: 20px 0;
}
.t_system .list_fi .list_fi_t {
    padding: 35px 0;
}
.t_system .list_fi .list_fi_t .li {
    width: 12%;
    text-align: center;
    margin-right: 10%;
}
.t_system .list_fi .list_fi_t .li:nth-child(2n) {
    padding-top: 115px;
}
.t_system .list_fi .list_fi_t .li:nth-child(5) {
    margin-right: 0;
}
.t_system .list_fi .list_fi_t .li .im {
    display: inline-block;
}
.t_system .list_fi .list_fi_t .li .t2 {
    font-size: 22px;
    line-height: 70px;
}
.t_system .list_fi .list_fi_t .li .t2 span {
    color: #e40013;
    font-weight: bold;
}
/*微信公众号*/
.t_system_we {
    padding-bottom: 50px;
}
.t_system_we .li {
    width: 32%;
    margin-right: 2%;
    border: 1px solid #e8e8e8;
    text-align: center;
    padding-bottom: 40px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.t_system_we .li:nth-child(3n) {
    margin-right: 0%;
}
.t_system_we .li:nth-child(n+4) {
    margin-top: 30px;
}
.t_system_we .li:hover {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(0, 0, 0, 0.1), direction=0, strength=8px);
    /*兼容ie*/
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /*兼容firefox*/
}
.t_system_we .li:hover .im {
    line-height: 120px;
}
.t_system_we .li:hover .im .img1 {
    display: none;
}
.t_system_we .li:hover .im .img2 {
    display: inline-block;
}
.t_system_we .li .im {
    line-height: 120px;
}
.t_system_we .li .im .img2 {
    display: none;
}
.t_system_we .li .h3 {
    font-size: 20px;
    line-height: 30px;
}
.t_system_one {
    padding: 40px 0;
    background: url("../images/timgs5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.t_system_one .h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}
.t_system_one .h2 {
    font-size: 30px;
    text-align: center;
    color: #ffffff;
    font-family: Arial;
    text-transform: uppercase;
}
.t_system_one .list .li {
    width: 12%;
    float: left;
    padding: 40px 0;
    text-align: center;
    margin-right: 10%;
}
.t_system_one .list .li:nth-child(5n) {
    margin-right: 0;
}
.t_system_one .list .li .im {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.t_system_one .list .li .t1 {
    font-size: 24px;
    line-height: 60px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}
.t_system_two {
    padding: 80px 0;
    background: #ffffff;
}
.t_system_two .h1 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #b90808;
}
.t_system_two .h2 {
    font-size: 30px;
    text-align: center;
    color: #666666;
    font-family: Arial;
    text-transform: uppercase;
}
.t_system_two .list {
    padding: 40px 0;
}
.t_system_two .list .li {
    width: 12%;
    float: left;
    padding: 40px 0;
    text-align: center;
    margin-right: 10%;
}
.t_system_two .list .li:nth-child(5n) {
    margin-right: 0;
}
.t_system_two .list .li .im {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.t_system_two .list .li .t1 {
    font-size: 24px;
    line-height: 60px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}
.t_system_from {
    background: url("../images/timgs6.jpg");
    background-size: cover;
    padding-top: 170px;
    padding-bottom: 70px;
}
.t_system_from .btn {
    margin: 0 auto;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
    background: #ef1b2d;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#c00010), to(#f51f31));
    background: -webkit-linear-gradient(top, #c00010, #f51f31);
    background: -moz-linear-gradient(top, #c00010, #f51f31);
    background: -o-linear-gradient(top, #c00010, #f51f31);
    background: -ms-linear-gradient(top, #c00010, #f51f31);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c00010, endColorstr=#f51f31);
    width: 180px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
}
.t_system_from .ltex {
    width: 49%;
    background: #ffffff;
    padding: 30px 40px;
    border-radius: 10px;
    text-align: center;
}
.t_system_from .ltex .h2 {
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 10px;
    position: relative;
    padding-bottom: 10px;
}
.t_system_from .ltex .h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
    z-index: 10;
}
.t_system_from .ltex .h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 1px;
    background: #e40013;
    z-index: 100;
}
.t_system_from .ltex .te {
    padding: 30px 0;
    color: #555555;
    font-size: 18px;
    line-height: 36px;
}
.t_system_from .ltex .te span {
    color: #e40013;
    font-weight: bold;
}
.t_system_from .rtex {
    width: 49%;
}
.t_system_from .rtex .li {
    line-height: 52px;
    margin-top: 15px;
}
.t_system_from .rtex .li .na {
    width: 100px;
    text-align: right;
    padding-right: 15px;
}
.t_system_from .rtex .li .input {
    display: inline-block;
    height: 50px;
    width: calc(100% - 150px);
    padding-left: 15px;
    border: 1px solid #d3d3d3;
}
.t_system_from .rtex .li .input::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
}
.t_system_from .rtex .li .input:-moz-placeholder {
    color: #999999;
    font-size: 16px;
}
.t_system_from .rtex .li .input::-moz-placeholder {
    color: #999999;
    font-size: 16px;
}
.t_system_from .rtex .li .input:-ms-input-placeholder {
    color: #999999;
    font-size: 16px;
}
.t_system_from .rtex .li .select {
    display: inline-block;
    -webkit-appearance: none;
    height: 50px;
    width: calc(100% - 150px);
    padding-left: 15px;
    border: 1px solid #d3d3d3;
    color: #999999;
    font-size: 16px;
    background-color: #ffffff;
    background-image: url("../images/ot_no14.png");
    background-repeat: no-repeat;
    background-position: right 16px center;
}
.t_system_from .rtex .li .re {
    color: #e40013;
    font-size: 24px;
    width: 40px;
    display: inline-block;
    text-align: center;
}
.t_system_from .rtex .li .textarea {
    display: inline-block;
    height: 135px;
    width: calc(100% - 150px);
    padding-left: 15px;
    padding-top: 5px;
    line-height: 30px;
    border: 1px solid #d3d3d3;
}
.t_system_from .rtex .li .textarea::-webkit-input-placeholder {
    color: #999999;
    font-size: 16px;
}
.t_system_from .rtex .li .textarea:-moz-placeholder {
    color: #999999;
    font-size: 16px;
}
.t_system_from .rtex .li .textarea::-moz-placeholder {
    color: #999999;
    font-size: 16px;
}
.t_system_from .rtex .li .textarea:-ms-input-placeholder {
    color: #999999;
    font-size: 16px;
}

/**咯咯短视频**/
.gege-advantage{ padding:95px 0 65px 0;}
.gege-advantage-title{ text-align:center;}
.gege-advantage-title .tit{ position:relative;}
.gege-advantage-title .tit:before{ content:''; background:#dadada; width:100%; height:1px; position:absolute; left:0; top:50%;}
.gege-advantage-title .tit span{ background:#fff; display:inline-block; font-size:30px; position:relative; z-index:2; padding:0 60px;}
.gege-advantage-title .txt{ font-size:16px; color:#666; text-transform:uppercase; margin-top:20px;}
.gege-advantage-list{ margin-left:-56px; margin-top:50px; position:relative;}
.gege-advantage-list li{ width:calc(20% - 56px); float:left; margin-left:56px; position:relative;}
.gege-advantage-list li .pic img{ width:100%;}
.gege-advantage-list li .tit{ background:url(../images/advantage-bg.png) no-repeat; width:91px; height:98px; font-size:20px; color:#fff; text-align:center; position:absolute; left:50%; bottom:84px; margin-left:-45px;}
.gege-advantage-list li .tit span{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); line-height:24px;}
.gege-advantage-list li .txt{ background:#9ec1e1; font-size:16px; line-height:30px; text-align:center; color:#fff; padding:45px 20px 15px 20px;}


.gege-scenario{ background:#f2f2f2; padding:50px 0 70px 0;}
.gege-scenario .gege-advantage-title .tit span{ background:#f2f2f2;}
.gege-scenario-list{ text-align:center; margin-top:80px; font-size:0;}
.gege-scenario-list li{ width:218px; display:inline-block; vertical-align:top; margin:0 80px;}
.gege-scenario-list li .icon{ width:218px; display:inline-block; vertical-align:top;}
.gege-scenario-list li .tit{ font-size:24px; margin-top:30px;}
.gege-scenario-button{ text-align:center; margin-top:80px;}
.gege-scenario-button .zixun{ background:#ea3131; width:335px; height:70px; line-height:70px; display:inline-block; border-radius:35px; font-size:24px; color:#fff;}


.gege-process{ padding:70px 0 80px 0;}
.gege-process .gege-scenario-button{ margin-top:60px;}
.gege-process-list{ margin-top:45px;}
.gege-process-list li{ width:196px; float:left; text-align:center; position:relative;}
.gege-process-list li.arrow{ width:55px; padding-top:60px;}
.gege-process-list li .tit{ font-size:20px; margin-top:20px;}
.gege-process-list li .txt{ line-height:24px; color:#666; text-align:left; margin-top:20px;}


.gege-case{ background:#f2f2f2; padding:80px 0 145px 0;}
.gege-case .gege-advantage-title .tit span{ background:#f2f2f2;}
.gege-case-list{ padding-top:50px;}
.gege-case-list li{ width:570px; min-height:519px; float:left; position:relative; margin-top:10px;}
.gege-case-list li:nth-child(2n+2){ float:right;}
.gege-case-list li .icon{ position:relative; z-index:1;}
.gege-case-list li .icon video{ width:270px; height:470px; object-fit: fill;}
.gege-case-list li .icon .play{ background:url(../images/play.png) no-repeat #ea3131; background-size:100% auto; width:45px; height:45px; position:absolute; left:90px;  top:50%; transform:translateY(-50%); z-index:2; border-radius:50%;}
.gege-case-list li .word{ background:#6489f5; width:360px; min-height:360px; position:absolute; left:210px; top:45px; padding:35px 30px 0 65px; color:#fff;}
.gege-case-list li .word .t{ font-size:30px; font-weight:bold; padding-bottom:15px;}
.gege-case-list li .word .c{ font-size:16px; line-height:34px;}
.gege-case-list li .word:before{ content:''; background:#d6ddf3; width:calc(100% - 50px); height:40px; position:absolute; left:0; bottom:-40px;}
.gege-case-list li:nth-child(2) .word{ background:#ff9c0e;}
.gege-case-list li:nth-child(2) .word:before{ background:#f5e1c4;}
.gege-case-list li:nth-child(3) .word{ background:#3dcb87;}
.gege-case-list li:nth-child(3) .word:before{ background:#ceeadd;}
.gege-case-list li:nth-child(4) .word{ background:#ad74d4;}
.gege-case-list li:nth-child(4) .word:before{ background:#e4d9ec;}
.gege-case-list li:nth-child(5) .word{ background:#94b543;}
.gege-case-list li:nth-child(5) .word:before{ background:#dfe6cf;}
.gege-case-list li .view-box{ background:#6489f5; width:100%; height:360px; margin-top:45px; display:block; padding:50px 60px; position:relative;}
.gege-case-list li .view-box:before{ content:''; background:#d6ddf3; width:calc(100% - 50px); height:40px; position:absolute; left:0; bottom:-40px;}
.gege-case-list li .view-box:after{ content:''; background:#d6ddf3; width:18px; height:calc(100% - 40px); position:absolute; left:-18px; bottom:0;}
.gege-case-list li .view-box .v-cont{ background:#5a7bdc; text-align:center; height:260px; padding-top:45px; border:2px #99b1f8 dashed; }
.gege-case-list li .view-box .v-cont .t{ font-size:24px; color:#fff; margin-top:20px;}


.gege-obtain{ background-image:url(../images/gege-obtainBg.png); background-position:center; background-size:cover; padding:30px 0 50px 0;}
.gege-obtain-tit{ font-size:36px; font-weight:bold; color:#fff; text-align:center;}
.gege-obtain-filed{ margin-left:-30px; position:relative; margin-top:60px;}
.gege-obtain-filed li{ width:calc(33.33% - 30px); float:left; margin-left:30px;}
.gege-obtain-filed li .inpt{ background:#fff; width:100%; font-size:18px; padding:15px 20px; height:60px; line-height:30px; color:#999; border-radius:5px;}

.gege-obtain-button{ text-align:center; padding-top:68px;}
.gege-obtain-button .sbtn{ background:#f0a400; width:420px; height:60px; line-height:60px; font-size:24px; color:#fff; border-radius:5px; cursor:pointer;}

.penfor-second-marsk{ background:rgba(0,0,0,.7); width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:998; display:none;}
.penfor-second-pup{ position:fixed; left:50%; top:50%; height:80%; transform:translate(-50%,-50%); z-index:999; display:none;}
.penfor-second-pup .p-close{ background:url(../images/close.png) no-repeat #ea3131; width:48px; height:48px; position:absolute;  right:0; top:-50px; border-radius:50px;}
.penfor-second-pup .p-video{ background:#ea3131; padding:13px; height:100%; border-radius:5px;}
.penfor-second-pup .p-video video{ height:100%; object-fit: fill;}