/*
 * Project Name:铁骑力士
 * Author:浅浅
 * Date：2017-11-29
 */
@font-face {
    font-family: 'Humanst521 BT';
    src: url('../font/Humanist521BT-Roman.eot');
    src: url('../font/Humanist521BT-Roman.eot') format('embedded-opentype'),
    url('../font/Humanist521BT-Roman.woff') format('woff'),
    url('../font/Humanist521BT-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0px;
    border: 0;
    font-size: 100%;
    outline: none;
}

caption, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0px;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

body {
    font: 14px/1.8 "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
    margin: 0 auto;
    color: #666;
    background-color: #fff;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

strong {
    font-weight: bold;
}

table, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    margin: 0 auto !important;
}

img {
    border: 0;
}

input, textarea, select, option {
    background: none;
    outline: 0;
    font-family: "微软雅黑";
    padding: 0;
    margin: 0;
}

input {
    outline: none;
    font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
}

::-moz-selection {
    background: #d7949b;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #d7949b;
    color: #fff;
    text-shadow: none;
}

select {
    outline: none;
}

select::-ms-expand {
    display: none;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:link, a:visited {
    text-decoration: none;
}

a:active, a:hover {
    text-decoration: none;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}

.fc {
    text-align: center;
}

.fr {
    text-align: right;
}

.l {
    float: left;
    display: inline-block;
}

.r {
    float: right;
    display: inline-block;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.inner {
    width: 1100px;
    margin: 0px auto;
}

.inner1000 {
    margin: 0px auto;
    width: 1000px;
}

.inner1320 {
    margin: 0px auto;
    width: 1320px;
}

.header {
    height: 80px;
}

.top a:link, .top a:visited {
    color: #333333;
}

.top a:active, .top a:hover {
    color: #ee2d31;
}

.top {
    position: fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.logo {
    float: left;
    margin-left: 3%;
    display: block;
    position: relative;
}

.logo a {
    display: block;
    height: 53px;
    padding: 11px 0px;
}

.logo .img {
    height: 100%;
    display: block;
}

.nav {
    float: right;
    display: block;
    padding-right: 25px;
}

.nav li {
    float: left;
    display: block;
    position: relative;
}

.nav li > a {
    position: relative;
    height: 80px;
    line-height: 80px;
    display: block;
    padding: 0px 18px;
    z-index: 1;
}

.nav li > a.active {
    color: #ee2d31;
}

.nav li > a.hov, .nav li > a:hover {
    color: #fff;
}

.nav a:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e3001e;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .42s cubic-bezier(.4, 0, .2, 1), -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
}

.nav > li > a:hover:before, .nav > li > a.hov:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

.nav .subnav {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 109px;
    border-top: 1px solid #cacaca;
    width: 150px;
    padding: 10px 0px;
    margin-left: -75px;
    background-color: #ffffff;
    display: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.nav .subnav a {
    display: block;
    padding: 8px 0px;
    line-height: 1.4;
    color: #666666;
    text-align: center;
    position: relative;
    z-index: 1;
    perspective: 300px;
    transform-style: preserve-3d;
    font-size: 13px;
}

.nav .subnav a:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 11px;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    background: url(../image/arrow.png) no-repeat scroll center center;
    opacity: 0;
    visibility: hidden \9;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.nav .subnav a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    width: 100%;
    display: block;
    height: 100%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    z-index: -1;
    transform-origin: center bottom 0;
    -webkit-transform-origin: center top 0;
    left: 0;
    opacity: 0;
    bottom: 0;
    visibility: hidden;
    background-color: #ececec;
}

.nav .subnav a:hover {
    color: #ee2d31;
}

.nav .subnav a:hover:before, .nav .subnav a.hov:before {
    transform: none;
    opacity: 1;
    visibility: visible;
}

.nav .subnav a:hover:after, .nav .subnav a.hov:after {
    opacity: 1;
    visibility: visible \9;
}

.nav .subnav > div {
    position: relative;
}

.nav .subnav dl {
    position: absolute;
    left: 100%;
    top: 0;
    width: 140px;
    padding: 1px;
    background-color: #ececec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    display: none;
}

.nav .subnav dl a:after {
    display: none;
}

.nav .subnav dl a:before {
    background-color: #ef3e42;
}

.nav .subnav dl a:hover {
    color: #fff;
}

.top-sider a:link, .top-sider a:visited {
    color: #646464;
}

.top-sider a:active, .top-sider a:hover {
    color: #ee2d31;
}

.top-sider {
    float: right;
    display: block;
    width: 110px;
    border-left: 1px solid #d2d2d2;
    line-height: 40px;
    text-align: center;
}

.follow-box {
    border-bottom: 1px solid #d2d2d2;
    height: 39px;
    line-height: 39px;
}

.follow-box a {
    width: 30px;
    height: 100%;
    display: inline-block;
    position: relative;
    margin: 0px 8px;
}

.follow-box a .ico {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.follow-box a .i2 {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.follow-box a:hover .i2 {
    opacity: 1;
    visibility: visible;
}

.oaBtn {
    display: block;
}

.oaBtn span {
    background: url(../image/oa.png) no-repeat right center;
    padding-right: 25px;
}

.oaBtn:hover {
    background-color: #ececec;
}

.menu-handler {
    width: 60px;
    height: 56px;
    float: right;
    display: none;
    position: relative;
}

.menu-handler .burger {
    display: block;
    width: 24px;
    height: 3px;
    background-color: #666666;
    -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
    position: absolute;
    left: 50%;
    margin-left: -12px;
}

.menu-handler .burger-1 {
    top: 18px;
}

.menu-handler .burger-2 {
    top: 27px;
}

.menu-handler .burger-3 {
    top: 36px;
}

.menu-handler.active .burger {
    top: 27px;
}

.menu-handler.active .burger-1 {
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.menu-handler.active .burger-2 {
    opacity: 0;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.menu-handler.active .burger-3 {
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.menuBox a:link, .menuBox a:visited {
    color: #333333;
}

.menuBox a:active, .menuBox a:hover {
    color: #ee2d31;
}

.menuBox {
    background-color: #f7f7f7;
    color: #333333;
    position: fixed;
    display: none;
    right: 0px;
    top: 0px;
    height: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-overflow-scrolling: touch;
    width: 400px;
    z-index: 980;
    -webkit-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -moz-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -ms-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    -o-transition: all .5s cubic-bezier(.25, .46, .45, .94);
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.menuMoblie {
    padding: 80px 0px 100px;
}

.menuMoblie li {
    border-bottom: 1px solid #b5b5b5;
}

.menuMoblie .nav-link {
    color: #333333;
    display: block;
    font-size: 16px;
    padding: 12px 8%;
    position: relative;
}

.menuMoblie .nav-link.cur {
    background-color: #ee2d31;
    color: #fff;
}

.menuMoblie .nav-link:before {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 26px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.menuMoblie .cur:before {
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
}

.menuMoblie .subnav {
    background-color: #d6d6d6;
    padding: 10px 0 20px;
    font-size: 15px;
    display: none;
}

.menuMoblie .subnav p {
    border-top: 1px solid #b5b5b5;
}

.menuMoblie .subnav p:first-child {
    border-top-color: #fff;
}

.menuMoblie .subnav a {
    position: relative;
    display: block;
    padding: 12px 8%;
    line-height: 1.4;
}

.menuMoblie .subnav dl {
    background-color: #CFCFCF;
    margin: 0px 8% 10px;
    padding: 8px;
    font-size: 14px;
}

.menuMoblie .subnav dl a {
    padding: 8px 15px;
    position: relative;
}

.menuMoblie .subnav dl a:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 16px;
    width: 5px;
    height: 1px;
    background-color: #998e8e;
}

.pusher-black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 900;
    visibility: hidden;
    filter: alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -ms-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    -o-transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
    transition: all .2s cubic-bezier(.02, .01, .47, 1) 0s;
}

.menuOpen .pusher-black {
    visibility: visible;
    filter: alpha(enabled=false);
    opacity: 1;
}

.menuOpen .menuBox {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ermsblack {
    background: url(https://www.tqlsgroup.com/images/black_50.png) repeat;
    background: none rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1030;
    display: none;
}

.ermSBox {
    width: 220px;
    height: 264px;
    border: 5px solid #eeeeee;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -115px;
    z-index: 1004;
}

.ermSBox .img {
    padding: 20px;
}

.ermSBox .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.ermSBox .t {
    padding: 10px 0px;
    color: #666;
    font-weight: bold;
    background: #eeeeee;
    text-align: center;
}

.inner88 {
    width: 88%;
    margin: 0px auto;
    max-height: 1700px;
}

.foot {
    background-color: #d2d2d2;
}

.foot a:link, .foot a:visited {
    color: #646464;
}

.foot a:active, .foot a:hover {
    color: #ee2d31;
}

.erm-box {
    float: right;
    display: block;
    width: 140px;
}

.erm-box img {
    width: 100%;
    display: block;
}

.footNav {
    padding: 35px 0px;
}

.footNav a {
    margin-right: 60px;
    position: relative;
}

.footNav a:last-child {
    margin-right: 0;
}

.footNav a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ee2d31;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
}

.footNav a:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

.footNav ul {
    float: left;
    display: block;
    width: 86%;
}

.footNav li {
    float: left;
    display: block;
    width: 14%;
    margin-right: 0.28%;
}

.footNav .subnav {
    padding-top: 10px;
}

.footNav .subnav a {
    font-size: 12px;
}

.foot-line {
    height: 1px;
    background-color: #bfbfbf;
}

.footBox {
    padding: 30px 0px;
    color: #646464;
}

.smlink {
    margin-left: 32px;
}

.foot-l, .foot-r {
    float: left;
    display: block;
    width: 48%;
}

.foot-l {
    color: #323232;
}

.foot-r {
    float: right;
    font-size: 12px;
}

.foot-tel {
    background: url(../image/f_i1.png) no-repeat scroll left center;
    padding-left: 32px;
    font-weight: bold;
    font-size: 32px;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.2;
    margin-bottom: 22px;
}

.foot-add {
    background: url(../image/f_i2.png) no-repeat scroll left center;
    padding-left: 32px;
    display: inline-block;
}

.foot-tel2 {
    background: url(../image/f_i3.png) no-repeat scroll left center;
    padding-left: 32px;
    margin-left: 88px;
    display: inline-block;
}

.foot-rbox {
    margin-bottom: 20px;
    float: right;
}

.sharpBox, .foot-rbox .line, .f-oaBtn {
    display: inline-block;
    float: left;
}

.sharpBox {
    padding-top: 7px;
    line-height: 30px;
}

.sharpBox a {
    margin-left: 10px;
    display: inline-block;
}

.sharpBox a:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.sharpBox .l {
    padding-right: 15px;
}

.foot-rbox .line {
    margin: 7px 30px 0;
    width: 1px;
    height: 26px;
    background-color: #a0a0a0;
}

.f-oaBtn {
    height: 40px;
    line-height: 40px;
    border: 1px solid #a0a0a0;
    padding: 0px 26px;
    border-radius: 20px;
    width: 98px;
    float: left;
    position: relative;
}

.f-oaBtn .txt {
    color: #000000;
}

.f-oaBtn i {
    background: url(../image/oa_add.png) no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 26px;
    top: 50%;
    margin-top: -5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.f-oaBtn:hover {
    background-color: #EEEEEE;
}

.f-oaBtn:hover i {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.pbanner {
    position: relative;
    overflow: hidden;
    background: url(../image/loader.gif) no-repeat scroll center center #fff;
    color: #fff;
}

.pbanner a:link, .pbanner a:visited {
    color: #fff;
}

.pbanner a:active, .pbanner a:hover {
    color: #fff;
}

.pbanner .load-img {
    display: block;
    width: 100%;
}

.pbanner-C a:link, .pbanner-C a:visited {
    color: #fff;
}

.pbanner-C a:active, .pbanner-C a:hover {
    color: #fff;
}

.pbanner-C {
    position: absolute;
    left: 10%;
    top: 35%;
    width: 80%;
    text-align: center;
    color: #fff;
}

.pbanner-C article {
    position: relative;
}

.pbanner-C .c {
    overflow: hidden;
}

.pbanner-C .zh {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
}

.pbanner-C .en {
    font-size: 36px;
    text-transform: uppercase;
    font-family: "Humanst521 BT";
}

.pbanner-C .bot {
    width: 0px;
    height: 4px;
    display: block;
    margin: 20px auto 0;
    background-color: #fff;
    opacity: 0;
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
    -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
}

.pbanner-C .c span {
    display: block;
    opacity: 0;
    transform: translate(0px, 100%);
    -webkit-transform: translate(0px, 100%);
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
    -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;
}

.pbanner-C.inview .c span {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
}

.pbanner-C.inview .bot {
    width: 50px;
    opacity: 1;
}

.pageNavBox {
    height: 56px;
    position: relative;
}

.pageNavBox a:link, .pageNavBox a:visited {
    color: #333333;
}

.pageNavBox a:active, .pageNavBox a:hover {
    color: #fff;
}

.pagenav {
    width: 100%;
}

.pagenav.fixed {
    position: fixed;
    left: 0;
    top: 56px;
    z-index: 1000;
}

.pagenav.fixed .cpnavbox {
    height: 40px;
    line-height: 40px;
}

.cpnavbox {
    height: 56px;
    line-height: 56px;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    background-color: #FFFFFF;
    text-align: center;
}

.cpnavbox a {
    text-align: center;
    color: #333333;
    display: inline-block;
    padding: 0px 30px;
    *display: inline;
    *zoom: 1;
    position: relative;
}

.cpnavbox a:hover, .cpnavbox a.active {
    background-color: #e3001e;
    color: #fff;
}

.cpnav {
    display: none;
    width: 100%;
    color: #fff;
    background-color: #ee2d31;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 10px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.fixedImg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.body-right {
    min-height: calc(100vh - 296px);
}

/* Slider */
.vwrap {
    display: none;
    z-index: 1040;
    width: 100%;
    position: fixed;
}

.vwrap .videobtg {
    z-index: 900;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    overflow: hidden;
}

.vwrap .videobox {
    z-index: 990;
    width: 800px;
    height: 500px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -250px;
    margin-left: -400px;
}

.vwrap .videobox #videobox {
    width: 100%;
    display: inline-block;
    height: 100%;
    background: #80abde;
}

#videobox_wrapper {
    height: 100% !important;
}

.vwrap .close {
    z-index: 999;
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: -42px;
}

.vwrap .close i {
    display: block;
    width: 31px;
    height: 31px;
    background: url(../image/close_i1.png) no-repeat 50% 50%;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.vwrap .close:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#videobox_display_button, #videocontainer_display_button {
    background: none no-repeat !important;
}

.jwplayer .jwicon {
    opacity: 0.8;
    filter: alpha(opacity=80);
    cursor: pointer;
}

.jwplayer .jwicon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.jwlogo, .jwclick {
    display: none !important;
}

.jwdisplayIcon {
    background: none no-repeat !important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-loading .slick-list {
    background: #fff url(../image/loader.gif) center center no-repeat;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
    outline: none;
}

/* Dots */
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0px;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 5px;
    padding: 0px;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    outline: none;
}

.slick-dots li button:focus {
    outline: none;
}

.slick-dots li.slick-active a {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* pswp = photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.tqlsgroup.com/images/black_90.png) repeat;
    background: none rgba(0, 0, 0, .9);
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: 0;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button {
    background: url(../image/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio: 1.1),(-webkit-min-device-pixel-ratio: 1.09375),(min-resolution: 105dpi),(min-resolution: 1.1dppx) {
,.pswp--svg .pswp__button {
    background-image: url(../image/default-skin.svg)
}

    .pswp--svg .pswp__button--arrow--left {
        background: url(https://www.tqlsgroup.com/images/img_l4.png.png) no-repeat scroll center center
    }

    .pswp--svg .pswp__button--arrow--right {
        background: url(https://www.tqlsgroup.com/images/img_r4.png.png) no-repeat scroll center center
    }

    .pswp--svg .pswp__button--close {
        color: #fff
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    top: 50%;
    background: url(../image/img_l2.png) no-repeat scroll center center #a4a4a4;
    margin-top: -23px;
    width: 44px;
    height: 44px;
    position: absolute;
    border-radius: 5px
}

.pswp__button--arrow--left {
    left: 2%
}

.pswp__button--arrow--right {
    right: 2%;
    background-image: url(../image/img_r2.png)
}

.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover {
    background-color: #e3001e
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    float: left;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption__center {
    text-align: center;
    max-width: 600px;
    font-size: 15px;
    margin: 0 auto;
    padding: 20px 10px;
    color: #fff
}

.pswp__caption__center .xzy-zan {
    float: right;
    display: block
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(https://www.tqlsgroup.com/css/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption, .pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 1
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

#gallery2 .pswp__caption__center {
    text-align: center;
    font-size: 18px
}

/*main style end*/
/*index style*/
.align-vertical {
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
}

.vertical-inner {
    display: table-cell;
    vertical-align: middle;
}

.transXT50 {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transYT50 {
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.transXT100 {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: transform 0.6s, opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.action.transYT50 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.action.transXT50, .action.transXT100 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.dly_1 {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
}

.dly_2 {
    transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
}

.dly_3 {
    transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}

.dly_4 {
    transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
}

.dly_5 {
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
}

.dly_6 {
    transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
}

.dly_7 {
    transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
}

.dly_8 {
    transition-delay: 800ms;
    -webkit-transition-delay: 800ms;
}

.dly_9 {
    transition-delay: 900ms;
    -webkit-transition-delay: 900ms;
}

.dly_10 {
    transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
}

.dly_11 {
    transition-delay: 1100ms;
    -webkit-transition-delay: 1100ms;
}

.banner a:link, .banner a:visited {
    color: #fff;
}

.banner a:active, .banner a:hover {
    color: #fff;
}

.banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 0;
    background-color: #efefef;
}

.banner .pimg {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.banner .bimg {
    display: none;
    width: 100%;
    position: relative;
    z-index: -1;
}

.banner .item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.binbox {
    position: absolute;
    width: 1000px;
    overflow: hidden;
    left: 50%;
    margin-left: -500px;
    top: 0;
    height: 100%;
    display: table;
    text-align: center;
    color: #fff;
}

.binbox .year {
    color: #f9c500;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    font-family: arial, helvetica, sans-serif;
}

.binbox .by {
    font-size: 48px;
    font-weight: bold;
    font-family: "微软正黑体", "Microsoft JhengHei";
    line-height: 1.5;
}

.binbox .zh {
    font-size: 24px;
    font-weight: bold;
    font-family: "微软正黑体", "Microsoft JhengHei";
    line-height: 1.5;
    margin-bottom: 8px;
}

.binbox .en {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.2;
    margin-bottom: 12px;
}

.binbox .ico {
    background: url(../image/ico.png) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px auto;
}

.banner .line {
    width: 1px;
    height: 18px;
    display: block;
    margin: 12px auto 0;
    background-color: #ee2d31;
}

.binbox .moreBtn {
    margin: 3% auto 5%;
    display: block;
    width: 174px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ee2d31;
    position: relative;
    overflow: hidden;
}

.moreBtn:before {
    content: "";
    background: #fff;
    position: absolute;
    width: 200px;
    height: 200px;
    left: 50%;
    top: 50%;
    opacity: 1;
    visibility: hidden \9;
    margin: -100px 0px 0px -100px;
    border-radius: 50%;
    transform: scale(0);
}

.moreBtn:hover:before {
    transform: scale(1);
    opacity: 0;
    transition: 0.75s;
}

.black-15 {
    background: url(../image/black_15.png) repeat;
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner .bot {
    width: 100%;
    height: 12px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #e4c36a;
}

.banner .bot span {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #ee2d31;
    height: 100%;
}

.banner .con {
    transform: rotateX(60deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: rotateX(60deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 1s ease 0.2s;
    transition: all 1s ease 0.2s;
    opacity: 0;
}

.banner .slick-active .con {
    -webkit-transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important;
    transform: perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0) !important;
    opacity: 1
}

.banner .slick-active .pimg {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.banner .slick-active .bot span {
    -moz-animation: a_slidercurrent 5s linear;
    -webkit-animation: a_slidercurrent 5s linear;
    -o-animation: a_slidercurrent 5s linear;
    animation: a_slidercurrent 5s linear;
}

@-moz-keyframes a_slidercurrent {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@-webkit-keyframes a_slidercurrent {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@-o-keyframes a_slidercurrent {
from;

{
    width: 0%
;
}
to {
    width: 100%;
}

}
@keyframes a_slidercurrent {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

.bannerType {
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 100%;
}

.bannerType a:link, .bannerType a:visited {
    color: #fff;
}

.bannerType a:active, .bannerType a:hover {
    color: #fff;
}

.bannerType-list li {
    float: left;
    display: block;
    width: 25%;
    display: block;
    position: relative;
    height: 100px;
    text-align: center;
    background: url(../image/balck_60.png) repeat;
    background: none rgba(0, 0, 0, 0.6);
}

.bannerType-item .bg {
    background-repeat: no-repeat;
    background-size: cover; /*background-color: rgba(238,45,49,0.7); */
    background-position: center center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden \9;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.bannerType-item .more {
    position: absolute;
    right: 2%;
    top: 10px;
    font-size: 12px;
}

.bannerType-item .iconB {
    display: inline-block;
    padding-left: 68px;
    padding: 22px 0px 22px 68px;
    height: 44px;
    line-height: 1.6;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
    position: relative;
    z-index: 2;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.bannerType-item .en {
    display: block;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-family: arial, helvetica, sans-serif;
}

.bannerType-item .iconM {
    display: none;
    text-align: center;
    padding: 26px 0px 16px;
}

.bannerType-item .iconM .ico {
    width: 54px;
    height: 54px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin: 0px auto 10px;
}

.bannerType-item .iconM .zh {
    color: #666666;
}

.bgf8 {
    background-color: #f8f8f8;
}

.ibox {
    padding: 78px 0px 104px;
}

.iboxItem {
    float: left;
    display: block;
    width: 34%;
    height: 402px;
    overflow: hidden;
    background-color: #fff;
}

.linkA {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.newPicIbox a:link, .newPicIbox a:visited {
    color: #fff;
}

.newPicIbox a:active, .newPicIbox a:hover {
    color: #fff;
}

.newPicIbox .item {
    position: relative;
    overflow: hidden;
}

.newPicIbox .img {
    height: 402px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.newPicIbox .img img {
    width: 100%;
    display: none;
}

.newPicIbox .timeBox {
    position: absolute;
    left: 5%;
    top: 0;
    background-color: #ee2d31;
    color: #f3f3f3;
    text-align: center;
    padding: 6px 15px 0;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.2;
}

.newPicIbox .timeBox .day {
    display: block;
    font-size: 18px;
}

.newPicIbox .timeBox .time {
    display: block;
    padding-bottom: 5px;
    border-bottom: 3px solid #f8c400;
}

.newPicIbox .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 90%;
    padding: 0px 5%;
    height: 52px;
    line-height: 52px;
    overflow: hidden;
    background-color: #ee2d31;
    color: #fff;
}

.newPicIbox .slick-arrow {
    background-color: #ee2d31;
    width: 52px;
    height: 52px;
    z-index: 10;
    bottom: 0%;
}

.newPicIbox .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #c91216;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    z-index: -1;
}

.newPicIbox .slick-arrow:hover:before {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
    visibility: visible \9;
}

.newPicIbox .slick-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.newPicIbox .slick-prev {
    right: 52px;
}

.newPicIbox .slick-next {
    right: 0px;
}

.newPicIbox .slick-prev i {
    border-right: 6px solid #fff;
}

.newPicIbox .slick-next i {
    border-left: 6px solid #fff;
}

.newPicIbox .slick-dots {
    z-index: 104;
    width: 100%;
    text-align: center;
    position: inherit;
    left: auto;
    bottom: auto;
    display: none !important;
    padding: 8px 0px;
}

.newPicIbox .slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0px;
    height: 10px;
    width: auto;
    margin: 0px 4px;
    cursor: pointer;
}

.newPicIbox .slick-dots li a {
    height: 6px;
    width: 6px;
    border: 2px solid #cfcfcf;
    line-height: 6px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
}

.newPicIbox .slick-dots li a:focus {
    outline: none;
}

.newPicIbox .slick-dots li.slick-active a {
    background: none #cfcfcf;
}

.newPicIbox .slick-active .bot span {
    -moz-animation: a_slidercurrent 6s linear;
    -webkit-animation: a_slidercurrent 6s linear;
    -o-animation: a_slidercurrent 6s linear;
    animation: a_slidercurrent 6s linear;
}

.newlistIbox {
    background-color: #fff;
}

.newlistIbox a:link, .newlistIbox a:visited {
    color: #666;
}

.newlistIbox a:active, .newlistIbox a:hover {
    color: #333;
}

.newlistIbox .bot {
    height: 6px;
    background-color: #ee2d31;
    width: 100%;
    display: block;
}

.newlistIbox .title a:link, .newlistIbox .title a:visited {
    color: #323232;
}

.newlistIbox .title a:active, .newlistIbox .title a:hover {
    color: #ee2d31;
}

.newlistIbox .title {
    margin: 28px 38px 18px;
    line-height: 30px;
}

.newlistIbox .title .t {
    background: url(../image/i_nico1.png) no-repeat scroll left center;
    padding-left: 38px;
    display: inline-block;
    float: left;
    height: 30px;
    color: #323232;
    font-size: 16px;
}

.newlistIbox .title .more {
    float: right;
    display: block;
    background: url(../image/more.png) no-repeat right center;
    padding-right: 24px;
}

.newsIbox {
    margin: 0px 12px;
}

.newsIbox a {
    display: block;
    padding: 0px 26px;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.newsIbox a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e6d09d;
    opacity: 0;
    visibility: hidden \9;
    transform: scale(1, 0);
    transition: all .5s;
    z-index: -1;
}

.newsIbox .date {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    margin-left: 10px;
}

.newsIbox a:hover:before {
    transform: none;
    opacity: 1;
    visibility: visible \9;
}

.navIbox a:link, .navIbox a:visited {
    color: #323232;
}

.navIbox a:active, .navIbox a:hover {
    color: #ee2d31;
}

.navIbox {
    margin-left: 2%;
    width: 30%;
}

.navIbox-list li {
    float: left;
    display: block;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.navIbox-list .img {
    background: no-repeat center center;
    background-size: cover;
    height: 201px;
}

.navIbox-list .img img {
    width: 100%;
    display: none;
}

.navIbox-list .desc {
    position: absolute;
    left: 5%;
    width: 90%;
    top: 25%;
    text-align: center;
}

.navIbox-list .desc .ico {
    width: 46px;
    display: block;
    margin: 0px auto 6px;
}

.navIbox-list .desc .en {
    font-family: arial, helvetica, sans-serif;
}

.navIbox-list .more {
    background-color: #fff;
    color: #666666;
    position: absolute;
    position: absolute;
    top: 25px;
    left: 30px;
    right: 30px;
    bottom: 25px;
    transform: scale(1, 0);
    transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    text-align: center;
}

.navIbox-list .more .icon {
    position: relative;
    display: block;
    width: 39px;
    height: 39px;
    margin: 20% auto 25px;
    background: url(../image/else-more.png) no-repeat center center;
    background-size: cover;
    vertical-align: top;
}

.navIbox-list .more .icon:before {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 1px;
    height: 15px;
    background: #ee2d31;
}

.navIbox-list li:hover .more {
    transform: none;
    opacity: 1;
    visibility: visible \9;
}

/*index style end*/
/*about style*/
.bgf5 {
    background-color: #f5f5f5;
}

.pagePadding {
    padding: 100px 0px;
}

.aboutPbox-box {
    position: relative;
}

.aboutPbox {
    width: 754px;
    margin: 0px auto;
}

.iboxT {
    margin-bottom: 60px;
}

.iboxT .zh {
    font-size: 30px;
    color: #333333;
    line-height: 1.5;
}

.iboxT .en {
    color: #666;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
}

.aboutP-list {
    padding-bottom: 50px;
}

.aboutP-list li {
    float: left;
    display: block;
    width: 24%;
    padding: 0px 2% 0px 7%;
    border-right: 1px solid #cdcdcd;
    color: #525252;
    line-height: 1.5;
}

.aboutP-list li:last-child {
    border-right: 0px none;
}

.aboutP-list .txt {
    color: #e3001e;
    font-family: "微软正黑体", "Microsoft JhengHei";
    font-size: 24px;
    line-height: 1.2;
}

.aboutP-list .num {
    font-size: 60px;
    padding-right: 10px;
}

.aboutP-list .add {
    position: absolute;
    font-weight: bold;
}

.aboutP-list .en {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.aboutP-list .zh {
    font-weight: bold;
}

.pageC a:link, .pageC a:visited {
    color: #d02a25;
}

.pageC a:active, .pageC a:hover {
    color: #ee2d31;
}

.pageC img {
    max-width: 100% !important;
    height: auto !important;
}

.pageC {
    overflow: hidden;
    color: #666;
}

.aboutPbox .pageC {
    text-align: center;
    font-size: 15px;
}

.pbot {
    background: url(../image/y.png) no-repeat scroll center center;
    background-size: cover;
    background: none rgba(245, 245, 245, 1);
    border-radius: 50%;
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    bottom: -37px;
    margin-left: -37px;
    cursor: pointer;
}

.pbot i {
    background: url(../image/abot.png) no-repeat scroll center center;
    width: 25px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0px 0px -12px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
}

@-webkit-keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
}

.black-20 {
    background: url(https://www.tqlsgroup.com/images/black_20.png) repeat;
    background: none rgba(0, 0, 0, 0.2);
}

.aboutC-box {
    background-color: #fff;
    padding: 80px 0px;
}

.aboutC-box .pageC {
    width: 82%;
    margin: 0px auto;
    text-align: justify;
}

.pagePadding2 {
    padding: 135px 0px;
}

/*about style end*/
/*honor style*/
.honorPbox {
    background-repeat: no-repeat;
    background-position: center center;
}

.honorPbox .himg {
    /*display: none;*/
}

.honorPbox .himg img {
    width: 100%;
    display: block;
}

.honorPbox .hcon {
    /*background: url(../image/white_70.png) repeat;*/
    /*background: none rgba(255, 255, 255, 0.7);*/
    /*width: 660px;*/
    /*float: right;*/
    background: white;
    display: block;
    padding: 50px 60px 50px 70px;
}

.honorPbox .c {
    font-size: 16px;
    color: #333333;
    height: 86px;
    margin-bottom: 35px;
    overflow: hidden;
}

.honor-demo {
    height: 320px;
    overflow: hidden;
    left: -11px;
    position: relative;
    padding-bottom: 80px;
}

.honor-demo .item {
    float: left;
    display: block;
    margin: 0px 11px;
    cursor: zoom-in;
}

.honor-demo .img {
    border: 10px solid #f5f5f5;
}

.honor-demo .img img {
    width: 100%;
    display: block;
}

.honor-demo .slick-arrow {
    background-color: #a4a4a4;
    width: 41px;
    height: 41px;
    z-index: 106;
    bottom: 0%;
    border-radius: 50%;
}

.honor-demo .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #e3001e;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    z-index: -1;
}

.honor-demo .slick-arrow:hover:before {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
    visibility: visible \9;
}

.honor-demo .slick-arrow i {
    position: absolute;
    background: url(../image/img_l3.png) no-repeat scroll center center;
    width: 100%;
    height: 100%;
}

.honor-demo .slick-prev {
    left: 0px;
}

.honor-demo .slick-next {
    right: 0px;
}

.honor-demo .slick-next i {
    background-image: url(../image/img_r3.png);
}

.honor-demo .slick-dots {
    z-index: 104;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 8px;
}

.honor-demo .slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0px;
    height: 13px;
    width: auto;
    margin: 0px 4px;
    cursor: pointer;
}

.honor-demo .slick-dots li a {
    height: 13px;
    width: 13px;
    line-height: 13px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #a4a4a4;
}

.honor-demo .slick-dots li a:focus {
    outline: none;
}

.honor-demo .slick-dots li.slick-active a {
    background: none #e3001e;
}

/*.honor-demo .slick-disabled{ background-color: #ececec;}*/
.honor-demo .slick-disabled:before {
    display: none;
}

.eventPbox {
    padding: 50px 0px 0;
}

.eventTab-t a:link, .eventTab-t a:visited {
    color: #666666;
}

.eventTab-t a:active, .eventTab-t a:hover {
    color: #E3001E;
}

.eventTab-t {
    width: 1230px;
    margin: 0px 45px;
    margin: 0px auto;
    height: 72px;
}

.eventTab-t .item {
    float: left;
    display: block;
    height: 72px;
    line-height: 72px;
    position: relative;
    font-weight: bold;
    font-size: 18px;
    font-family: arial, helvetica, sans-serif;
    text-align: center;
    z-index: 1;
}

.eventTab-t .item:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e7e2d6;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
    z-index: -1;
}

.eventTab-t .item.active:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

.eventTab-t .item:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -11px;
    display: block;
    height: 22px;
    width: 1px;
    background-color: #e7e2d6;
}

.eventTab-t .item.active {
    color: #E3001E;
    overflow: hidden;
}

.eventTab-t .slick-arrow {
    background-color: #a4a4a4;
    width: 45px;
    height: 100%;
    z-index: 106;
    bottom: 0%;
}

.eventTab-t .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e3001e;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    z-index: -1;
}

.eventTab-t .slick-arrow:hover:before {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
    visibility: visible \9;
}

.eventTab-t .slick-arrow i {
    position: absolute;
    background: url(../image/img_l2.png) no-repeat scroll center center;
    width: 100%;
    height: 100%;
}

.eventTab-t .slick-prev {
    left: -45px;
}

.eventTab-t .slick-next {
    right: -45px;
}

.eventTab-t .slick-next i {
    background-image: url(../image/img_r2.png);
}

/*.eventTab-t .slick-disabled{ background-color: #ececec;}*/
.eventTab-t .slick-disabled:before {
    display: none;
}

.event-page {
    padding-top: 60px;
}

.event-list {
    position: relative;
}

.event-list dd {
    float: left;
    display: block;
}

.event-img {
    width: 300px;
    padding: 30px 0px 100px;
}

.event-img .time {
    font-weight: bold;
    font-size: 42px;
    color: #e3001e;
    font-family: arial, helvetica, sans-serif;
    margin-bottom: 60px;
    line-height: 1.2;
}

.event-list .line {
    width: 3px;
    background-color: #e7e2d6;
    display: block;
    height: 100%;
    position: absolute;
    left: 386px;
    top: 0;
}

.event-con {
    width: 778px;
    position: relative;
    padding: 45px 0px 45px 130px;
}

.event-con .bot {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
    border: 6px solid #e7e2d6;
    position: absolute;
    left: 77px;
    top: 0;
    background-color: #fff;
}

.event-con .year-txt {
    position: absolute;
    left: 0;
    text-align: right;
    padding-right: 22px;
    width: 78px;
    font-weight: bold;
    line-height: 1.4;
    color: #e3001e;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
}

.event-con .year-txt i {
    width: 12px;
    height: 5px;
    background-color: #e7e2d6;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
}

.event-ul li {
    margin-bottom: 35px;
    text-align: justify;
}

.event-ul p {
    margin-bottom: 22px;
    padding-left: 20px;
    position: relative;
}

.event-ul p:before {
    content: "";
    background-color: #666;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: 0;
    top: 11px;
}

.event-demo {
    width: 262px;
    height: 470px;
    position: relative;
}

.event-demo .item {
    display: block;
    overflow: hidden;
    background-color: #d4eaf2;
    position: absolute;
}

.event-demo .item img {
    width: 100%;
    display: block;
}

.event-demo .item1 {
    background-color: #f0edba;
    width: 48px;
    height: 40px;
    left: 74px;
    top: 0;
}

.event-demo .item2 {
    width: 122px;
    height: 104px;
    left: 0;
    top: 52px;
}

.event-demo .item3 {
    width: 104px;
    height: 90px;
    top: 66px;
    right: 18px;
}

.event-demo .item4 {
    width: 76px;
    height: 65px;
    left: 45px;
    top: 167px;
}

.event-demo .item5 {
    width: 122px;
    height: 104px;
    top: 167px;
    right: 0;
}

.event-demo .item6 {
    width: 122px;
    height: 104px;
    left: 0px;
    top: 282px;
}

.event-demo .item7 {
    width: 76px;
    height: 65px;
    right: 46px;
    top: 318px;
}

.event-demo .item8 {
    width: 33px;
    height: 28px;
    background-color: #f5a3ae;
    right: 89px;
    bottom: 48px;
}

.event-demo .item9 {
    width: 48px;
    height: 40px;
    left: 73px;
    bottom: 0;
}

.event-page .event-list {
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
    opacity: 0;
    transition: 700ms;
    -webkit-transition: 700ms;
}

.event-page.show .event-list {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

/*honor style end*/
/*speech style*/
.speech-List {
    background-color: #e9e9e9;
    padding: 70px 0px;
    border-bottom: 3px solid #c78992;
}

.speech-List dd {
    float: left;
    display: block;
    padding: 0px 2%;
    width: 24%;
    margin-left: 5%;
    position: relative;
}

.speech-List dd:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #ccc;
}

.speechBox {
    background-color: #fff;
}

.speechBox .img {
    float: left;
    display: block;
    overflow: hidden;
    width: 38%;
}

.speechBox .img img {
    width: 100%;
    display: block;
}

.speechBox .con {
    float: left;
    display: block;
    width: 62%;
}

.speechBox .box {
    margin: 45px 70px;
    position: relative;
}

.speechBox .name {
    color: #cc0000;
    font-size: 30px;
    line-height: 1.5;
    padding-right: 8px;
}

.speechBox .by {
    padding: 22px 0px 40px;
}

.speechBox .txt {
    overflow: hidden;
}

.speechBox .c {
    font-size: 15px;
    line-height: 2;
    height: 390px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    padding-right: 4%;
    cursor: url(../image/cuse.png) 16 16, default;
}

.mouseIco {
    border: 1px solid #929292;
    width: 20px;
    height: 30px;
    display: block;
    margin: 0px auto;
    border-radius: 6px;
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 900;
}

.mouseIco i {
    width: 2px;
    height: 6px;
    border-radius: 1px;
    display: block;
    background-color: #929292;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 5px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

/*speech style end*/
/*contact style*/
.companyList dd {
    border-bottom: 1px solid #fff;
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 35px;
}

.companyList dd:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #c8c8c8;
}

.companyList dd:last-child {
    border-bottom: 0px none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.companyList dd:last-child:before {
    display: none;
}

.companyList .t {
    font-size: 20px;
    color: #e3001e;
    padding-bottom: 2px;
}

.companyList .c {
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
}

.values-list a:link, .values-list a:visited {
    color: #fff;
}

.values-list a:active, .values-list a:hover {
    color: #fff;
}

.values-list {
    margin-left: -2%;
    color: #fff;
}

.values-list li {
    float: left;
    display: block;
    width: 31.33%;
    margin: 25px 0px 0px 2%;
    position: relative;
    overflow: hidden;
}

.values-list .img {
    overflow: hidden;
}

.values-list .img img {
    width: 100%;
    display: block;
}

.values-list .black-20 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.values-list .tbox {
    position: absolute;
    left: 5%;
    width: 90%;
    text-align: center;
    top: 50%;
    margin-top: -46px;
    line-height: 1.5;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.values-list .ico {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0px auto 6px;
}

.values-list .en {
    font-family: arial, helvetica, sans-serif;
}

.values-list .zh {
    font-size: 18px;
}

.values-list .con {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 100%;
    line-height: 2;
    border-top: 1px solid #edb1b2;
    border-bottom: 1px solid #edb1b2;
    padding: 14px 0px;
    min-height: 140px;
    overflow: hidden;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.red-80 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/red_80.png) repeat;
    background: none rgba(204, 0, 0, 0.8);
}

.values-list .red-80 {
    -webkit-transition: -webkit-transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transition: transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    opacity: 0;
    visibility: hidden \9;
}

.cultureList {
    margin-left: -10px;
}

.cultureList .item {
    float: left;
    display: block;
    width: 31.33%;
    margin: 25px 10px 0px 10px;
    position: relative;
    overflow: hidden;
}

.cultureList .img {
    position: relative;
    overflow: hidden;
}

.cultureList .img img {
    width: 100%;
    display: block;
}

.cultureList .red-80 {
    -webkit-transition: -webkit-transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transition: transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    opacity: 0;
    visibility: hidden \9;
}

.cultureList .morebox {
    position: absolute;
    left: 5%;
    width: 90%;
    top: 50%;
    color: #fff;
    margin-top: -40px;
    text-align: center;
    opacity: 0;
    visibility: hidden \9;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.cultureList .ico {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: block;
    margin: 0px auto 12px;
    position: relative;
}

.cultureList .ico:before, .cultureList .ico:after {
    content: "";
    position: absolute;
    background-color: #fff;
}

.cultureList .ico:before {
    width: 16px;
    height: 1px;
    left: 50%;
    margin-left: -8px;
    top: 50%;
}

.cultureList .ico:after {
    width: 1px;
    height: 16px;
    left: 50%;
    margin-top: -8px;
    top: 50%;
}

.cultureList .txt {
    border-bottom: 1px solid #898989;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.cultureList .item:hover .red-80 {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: left 0;
    -webkit-transform-origin: left 0;
    opacity: 1;
    visibility: visible \9;
}

.cultureList .item:hover .morebox {
    opacity: 1;
    visibility: visible \9;
    transform: inherit;
    -webkit-transform: inherit;
}

.cultureList .item:hover .txt {
    border-bottom-color: #e3001e;
    color: #e3001e;
}

.cultureList .slick-arrow {
    background-color: #7f7f7f;
    width: 52px;
    height: 52px;
    z-index: 10;
    top: 50%;
    margin-top: -26px;
}

.cultureList .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ee2d31;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    z-index: -1;
}

.cultureList .slick-arrow:hover:before {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
    visibility: visible \9;
}

.cultureList .slick-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.cultureList .slick-prev {
    left: -60px;
}

.cultureList .slick-next {
    right: -60px;
}

.cultureList .slick-prev i {
    border-right: 6px solid #fff;
}

.cultureList .slick-next i {
    border-left: 6px solid #fff;
}

.contact-list {
    background-color: #fff;
    position: relative;
}

.contact-list .img {
    float: left;
    display: block;
    width: 39%;
}

.contact-list .img img {
    width: 100%;
    display: block;
}

.contact-list .con {
    float: left;
    display: block;
    width: 61%;
}

.contact-list .pageC {
    padding: 36px 45px;
    position: relative;
    z-index: 1;
}

.contact-list .contact-ico {
    background: url(../image/tq_map.png) no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 92px;
    height: 88px;
}

.contact-list .title {
    font-size: 24px;
    line-height: 1.5;
}

.contact-list .tel {
    font-family: arial, helvetica, sans-serif;
    color: #d02a25;
    font-size: 30px;
    line-height: 1.5;
    margin-top: 20px;
}

.contactPage {
    background-color: #fff;
    margin-top: 5px;
    padding: 8px 0px;
}

.map-left {
    float: left;
    display: block;
    width: 39%;
}

.map-sider {
    float: left;
    display: block;
    width: 61%;
    padding: 35px 0px;
}

.map {
    height: 636px;
    float: none;
    display: block;
    margin: 0px 8px;
}

.map-page {
    margin: 0px 44px 0px 30px;
    height: 550px;
    overflow: hidden;
}

.map-item {
    position: relative;
    padding: 28px 18px 28px;
    z-index: 1;
    margin-top: -1px;
    cursor: pointer;
}

.map-item:before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 1px;
    background-color: #ccc;
    z-index: -2;
}

.map-item:last-child:before {
    display: none;
}

.map-item .t {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.map-item:after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #f6e3e3;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    visibility: hidden \9;
}

.map-item.active:after {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    visibility: visible \9;
}

/*contact style end*/
/*product style*/
.probanner-box {
    position: relative;
    overflow: hidden;
}

.probanner a:link, .probanner a:visited {
    color: #fff;
}

.probanner a:active, .probanner a:hover {
    color: #fff;
}

.probanner {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 0;
    background-color: #efefef;
}

.probanner .item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.probanner .pimg {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.pro-nav-list a:link, .pro-nav-list a:visited {
    color: #fff;
}

.pro-nav-list a:active, .pro-nav-list a:hover {
    color: #fff;
}

.pro-nav-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.pro-nav-list li {
    float: left;
    display: block;
    width: 25%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.pro-nav-list .wbox {
    height: 100%;
    background: url(../image/balck_30.png) repeat;
    background: none rgba(0, 0, 0, 0.3);
    color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
}

.pro-nav-list .wbox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(../image/white_70.png) repeat;
    background: none rgba(255, 255, 255, 0.28);
    z-index: -1;
}

.pro-nav-list li:first-child .wbox:before {
    display: none;
}

.pro-nav-list .wbox:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../image/red_30.png) repeat;
    background: none rgba(227, 0, 30, 0.31);
    position: absolute;
    left: 1px;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
    z-index: -1;
}

.pro-nav-list .item {
    top: 38%;
    position: relative;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.pro-nav-list .bor {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background-color: #be0019;
}

.pro-nav-list .bor:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #deb853;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
    transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
}

.pro-nav-list .tbox {
    line-height: 1.5;
    position: relative;
}

.pro-nav-list .ico {
    width: 70px;
    display: block;
    margin: 0px auto 5px;
}

.pro-nav-list .en {
    font-family: "Humanst521 BT";
    font-size: 30px;
}

.pro-nav-list .zh {
    font-family: "微软正黑体", "Microsoft JhengHei";
    font-size: 20px;
    font-weight: bold;
}

.pro-nav-list .cbox {
    width: 210px;
    margin: 0px auto;
    font-size: 16px;
    position: relative;
    z-index: 2;
    opacity: 0;
    visibility: hidden \9;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.pro-nav-list .cbox p {
    margin-bottom: 4px;
}

.pro-nav-list p.bot {
    height: 1px;
    background-color: #fff;
    width: 0%;
    margin: 20px auto 24px;
    position: relative;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.pro-nav-list p.bot .line {
    width: 36px;
    height: 6px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: -3px;
    margin-left: -18px;
}

.pro-nav-list .cbox a {
    position: relative;
}

.pro-nav-list .cbox a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -2px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
}

.pro-nav-list .cbox a:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

.pro-nav-list .wbox:hover:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

.pro-nav-list .wbox:hover .item {
    top: 22%;
}

.pro-nav-list .wbox:hover .bor:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

.pro-nav-list .wbox:hover .cbox {
    opacity: 1;
    visibility: visible \9;
    transform: inherit;
    -webkit-transform: inherit;
}

.pro-nav-list .wbox:hover p.bot {
    width: 100%;
}

/*product style end*/
/*product1 style*/
.pagePadding3 {
    padding: 80px 0px;
}

.iboxt-mt {
    margin-bottom: 40px;
}

.btnMore {
    background-color: #dfdfdf;
    width: 210px;
    height: 54px;
    display: block;
    line-height: 54px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.btnMore:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e3001e;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .42s cubic-bezier(.4, 0, .2, 1), -webkit-transform .42s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
}

.btnMore .txt {
    color: #666666;
    padding-right: 30px;
    position: relative;
}

.btnMore .txt i {
    background: url(../image/btn_m1.png) no-repeat scroll right center;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 100%;
    transition: .42s cubic-bezier(.4, 0, .2, 1);
}

.btnMore:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

.btnMore:hover .txt {
    color: #fff;
}

.btnMore:hover .txt i {
    background-position: left center;
}

.surveyPbox .img {
    float: right;
    display: block;
    width: 54%;
}

.surveyPbox .img img {
    width: 100%;
    display: block;
}

.surveyPbox .con {
    width: 37%;
    float: left;
    display: block;
}

.surveyPbox .c {
    height: 150px;
    overflow: hidden;
    margin-bottom: 16%;
}

.main-pro-demo {
    width: 1356px;
    margin: 0px auto;
}

.main-pro-demo .slick-list {
    height: 356px;
    overflow: hidden;
}

.main-pro-demo .item {
    position: relative;
    overflow: hidden;
    margin: 0px 18px;
}

.main-pro-demo .img {
    overflow: hidden;
    background-color: #dad9c6;
}

.main-pro-demo .img img {
    width: 100%;
    display: block;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    max-height: 294px;
    object-fit: cover;
    -o-object-fit: cover;
}

.main-pro-demo .txt {
    background-color: #f3f3f3;
    height: 62px;
    line-height: 62px;
    padding: 0px 3%;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    position: relative;
}

.main-pro-demo .txt:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #cc0000;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    visibility: hidden \9;
}

.main-pro-demo .linkA {
    z-index: 4;
}

.main-pro-demo .slick-arrow {
    background-color: #7f7f7f;
    width: 52px;
    height: 52px;
    z-index: 10;
    top: 50%;
    margin-top: -62px;
}

.main-pro-demo .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ee2d31;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    z-index: -1;
}

.main-pro-demo .slick-arrow:hover:before {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
    visibility: visible \9;
}

.main-pro-demo .slick-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.main-pro-demo .slick-prev {
    left: -60px;
}

.main-pro-demo .slick-next {
    right: -60px;
}

.main-pro-demo .slick-prev i {
    border-right: 6px solid #fff;
}

.main-pro-demo .slick-next i {
    border-left: 6px solid #fff;
}

.black-40 {
    background: url(../image/black_40.png) repeat;
    background: rgba(0, 0, 0, 0.4);
}

.servicePbox a:link, .servicePbox a:visited {
    color: #fff;
}

.servicePbox a:active, .servicePbox a:hover {
    color: #fff;
}

.servicePbox, .servicePbox .iboxT .zh, .servicePbox .iboxT .en {
    color: #fff;
}

.serviceList li {
    float: left;
    display: block;
    margin: 0px 28px 25px 0px;
    position: relative;
}

.serviceList .item {
    width: 216px;
    height: 132px;
    border: 1px solid #fff;
    padding: 35px 32px;
    position: relative;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
    z-index: 1;
}

.serviceList .item:before {
    content: "";
    width: 94%;
    height: 92%;
    border: 1px solid #fff;
    position: absolute;
    left: 3%;
    top: 4%;
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.serviceList .item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #e4c36a;
    opacity: 0;
    visibility: hidden \9;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
    z-index: -1;
}

.serviceList .zh {
    font-weight: bold;
    font-size: 18px;
}

.serviceList .en {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.serviceList .ico {
    background-size: cover;
    width: 105px;
    height: 105px;
    position: absolute;
    right: 8%;
    bottom: 4%;
}

.serviceList .linkA {
    z-index: 4;
}

.serviceList li:hover .item {
    border-color: #e4c36a;
}

.serviceList li:hover .item:after {
    opacity: 1;
    visibility: visible \9;
    transform: inherit;
    -webkit-transform: inherit;
}

.por-info-page {
    padding: 50px 0px;
}

.por-info-box {
    padding: 60px 85px;
    width: 830px;
    background-color: #fff;
    margin: 0px auto;
}

.previous {
    padding: 26px 0px 0;
    border-top: 1px solid #dedede;
    position: relative;
    margin-top: 50px;
}

.previous .previ {
    display: block;
    width: 130px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #333333;
    background-color: #dedede;
}

.previous .prev {
    float: left;
}

.previous .next {
    float: right;
}

.backlist {
    display: block;
    width: 145px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background: #e2001e;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    top: 26px;
}

.backlist:hover {
    background: #666;
}

.previous .previ:hover {
    background: #e2001e;
    color: #fff;
}

.previous .prev:hover i {
    background: url(https://www.tqlsgroup.com/images/arrow3.png) center no-repeat;
    margin-right: 18px;
}

.previous .next:hover i {
    background: url(https://www.tqlsgroup.com/images/arrow4.png) center no-repeat;
    margin-left: 18px;
}

.cred {
    color: #e3001e;
}

.por-info-t {
    font-size: 24px;
    color: #e3001e;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 12px;
    margin-bottom: 25px;
    line-height: 1.5;
}

.productList {
    margin-left: -1%;
    padding-bottom: 20px;
}

.productList li {
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
    width: 32.33%;
    margin: 0px 0px 35px 1%;
}

.productList .img {
    overflow: hidden;
    background-color: #dad9c6;
    position: relative;
}

.productList .img img {
    width: 100%;
    display: block;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    max-height: 294px;
    object-fit: cover;
    -o-object-fit: cover;
}

.productList .red-80 {
    opacity: 0;
    visibility: hidden \9;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1); /* -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;*/
}

.productList .con {
    position: absolute;
    left: 10%;
    width: 80%;
    top: 20%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
    -webkit-transition: all .52s cubic-bezier(.4, 0, .2, 1);
    transition: all .52s cubic-bezier(.4, 0, .2, 1);
    visibility: hidden \9;
    opacity: 0;
    transform: translateY(50px);
    transform: translateY(50px);
}

.productList .c {
    height: 100px;
    overflow: hidden;
    margin: 10% 0px;
}

.productList .txt {
    background-color: #fff;
    height: 62px;
    line-height: 62px;
    padding: 0px 3%;
    overflow: hidden;
    text-align: center;
    z-index: 1;
    position: relative;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.productList .txt:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #cc0000;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 50% 0% 0;
    -webkit-transform-origin: 50% 0% 0;
    visibility: hidden \9;
}

.pstop {
    display: block;
}

.paging {
    background: #e3aeae;
    padding: 10px 0;
    position: relative;
    text-align: center;
}

.paging a {
    padding: 0px 10px;
    height: 34px;
    color: #fff;
    line-height: 34px;
    font-size: 15px;
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin: 0 2px;
    font-weight: bold;
}

.paging a.act, .paging a:hover {
    color: #cc0000;
    background-color: #fff;
}

.paging .prev, .paging .next {
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    bottom: 0;
    width: 72px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ce8989;
}

.paging .prev {
    background-image: url(../image/rr_pager_prev.png);
    left: 0;
}

.paging .next {
    background-image: url(../image/rr_pager_next.png);
    right: 0;
}

.paging .prev:hover, .paging .next:hover {
    background-color: #e3001e;
}

/*product1 style end*/
/*product3 style*/
.development-img, .development-con {
    float: left;
    display: block;
    width: 40%;
}

.development-img .item {
    overflow: hidden;
    position: relative;
}

.development-img .item img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
}

.development-img .item .yy {
    background: url(../image/yy.png) repeat-x scroll left bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.development-img .slick-dots {
    z-index: 104;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 2%;
}

.development-img .slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0px;
    height: 12px;
    width: auto;
    margin: 0px 8px;
    cursor: pointer;
}

.development-img .slick-dots li a {
    height: 8px;
    width: 8px;
    border: 2px solid #fff;
    line-height: 8px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
}

.development-img .slick-dots li a:focus {
    outline: none;
}

.development-img .slick-dots li.slick-active a {
    background: none #fff;
}

.development-img .slick-active .bot span {
    -moz-animation: a_slidercurrent 6s linear;
    -webkit-animation: a_slidercurrent 6s linear;
    -o-animation: a_slidercurrent 6s linear;
    animation: a_slidercurrent 6s linear;
}

.development-con {
    width: 55%;
    margin-left: 5%;
}

.development-con .t {
    font-size: 24px;
    color: #e3001e;
    line-height: 1.5;
    margin-bottom: 38px;
}

.development-con .pageC {
    height: 172px;
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 73px;
}

/*product3 style end*/
/*laboratory style*/
.btnMore2 {
    width: 100% !important;
}

.profile-pbox .lbox, .profile-pbox .rbox {
    float: left;
    display: block;
    width: 35%;
}

.profile-pbox .rbox {
    width: 65%;
}

.profile-pbox .con {
    font-size: 15px;
    margin-bottom: 50px;
    padding-top: 12px;
}

.profile-num li {
    padding: 0px 2% 0px 0%;
    margin-right: 3%;
    width: 28%;
}

.expert-pbox .img {
    float: left;
    display: block;
    width: 29%;
}

.expert-pbox .img img {
    width: 100%;
    display: block;
}

.expert-pbox .con {
    position: relative;
    overflow: hidden;
    float: left;
    display: block;
    padding: 52px 6% 0px;
    width: 59%;
    background-color: #f5f5f5;
}

.expert-pbox .t {
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.expert-pbox .txt {
    height: 75px;
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 50px;
}

.expert-reading-btn {
    display: block;
    height: 32px;
    line-height: 32px;
    width: 114px;
    background-color: #dbdbdb;
    text-align: center;
}

.expert-reading-btn .txtc {
    color: #333333;
    background: url(../image/sj.png) no-repeat scroll right center;
    padding-right: 22px;
}

.expert-reading-btn:hover {
    background-color: #cecdcd;
}

.expert-demo .slick-arrow {
    background-color: #7f7f7f;
    width: 52px;
    height: 52px;
    z-index: 10;
    top: 50%;
    margin-top: -26px;
}

.expert-demo .slick-disabled {
    background-color: #F3F3F3;
    cursor: no-drop;
}

.expert-demo .slick-disabled:hover:before {
    display: none;
}

.expert-demo .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ee2d31;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    z-index: -1;
}

.expert-demo .slick-arrow:hover:before {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
    visibility: visible \9;
}

.expert-demo .slick-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.expert-demo .slick-prev {
    left: -76px;
}

.expert-demo .slick-next {
    right: -76px;
}

.expert-demo .slick-prev i {
    border-right: 6px solid #fff;
}

.expert-demo .slick-next i {
    border-left: 6px solid #fff;
}

.development-pbox a:link, .development-pbox a:visited {
    color: #fff;
}

.development-pbox a:active, .development-pbox a:hover {
    color: #fff;
}

.development-pbox {
    position: relative;
}

.development-pbox, .development-pbox .iboxT .zh, .development-pbox .iboxT .en {
    color: #fff;
}

.development-pbox .iboxT {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -34px;
}

.development-pbox .con {
    float: right;
    width: 450px;
    font-size: 15px;
}

.development-pbox .txt {
    margin-bottom: 50px;
}

.development-pbox .btnMore {
    background-color: #ffffff;
}

/*laboratory style end*/
/*profile style*/
.por-info-box .profile-num {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 35px;
}

/*profile style end*/
/*expertSupport style*/
.expertSBy {
    width: 790px;
    margin: 0px auto 70px;
    text-align: center;
    font-size: 15px;
}

.expert-pboxlist {
    padding-bottom: 25px;
}

.expert-pboxlist .img {
    overflow: hidden;
}

.expert-pboxlist .img a {
    display: block;
    margin: 20px 0 20px 20px;
    overflow: hidden;
}

.expert-pboxlist .img img {
    transition: 0.6s;
    -webkit-transition: 0.6s;
}

.expert-pboxlist .txt {
    min-height: 75px;
    height: auto;
}

.expert-pboxlist dd {
    margin-bottom: 35px;
    background-color: #fff;
}

.expert-pboxlist .con {
    background-color: #fff;
}

.expert-pboxlist dd:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

/*expertSupport style end*/
/*weaponizing style*/
.weaponizing-list a:link, .weaponizing-list a:visited {
    color: #666;
}

.weaponizing-list a:active, .weaponizing-list a:hover {
    color: #e3001e;
}

.weaponizing-list {
    padding-bottom: 20px;
    margin-left: -2%;
}

.weaponizing-list li {
    float: left;
    display: block;
    width: 31.3%;
    margin: 0px 0px 42px 2%;
    background-color: #fff;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.weaponizing-list .img {
    overflow: hidden;
}

.weaponizing-list .img img {
    width: 100%;
    display: block;
    transition: 0.6s;
    -webkit-transition: 0.6s;
}

.weaponizing-list .con {
    padding: 28px 8% 40px;
}

.weaponizing-list .t {
    font-size: 16px;
    color: #333333;
    height: 57px;
    overflow: hidden;
}

.weaponizing-list .c {
    border-top: 1px solid #bbbbbb;
    margin-top: 15px;
    padding-top: 15px;
    height: 75px;
    overflow: hidden;
    color: #919191;
}

.ledMore {
    margin: 0 auto;
    display: block;
    width: 170px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background-color: #ee2d31;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.ledMore .txt {
    color: #fff;
}

.infoPage-padding {
    padding-bottom: 60px;
}

.infoPage-box {
    margin-top: -212px;
    position: relative;
    z-index: 1;
}

.infoPage {
    padding: 40px 80px;
    background-color: #fff;
}

.info-T {
    padding: 60px 80px 24px;
    border-bottom: 2px solid #ccc;
    position: relative;
    background-color: #fff;
}

.info-T h3 {
    color: #333333;
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: normal;
}

.info-T time {
    color: #666666;
    font-size: 12px;
}

.shared {
    margin-top: 18px;
}

.shared span {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    margin-left: 0;
    float: left;
}

.shared span {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    margin-left: 0;
    float: left;
}

.more-fen-btn {
    float: right;
    display: block;
    color: #fff;
    background-color: #977751;
    padding: 4px 16px;
}

.more-fen-btn:hover {
    background-color: #999;
}

.sharelist1 {
    margin-left: 4px;
    float: left;
}

.sharelist1 li {
    float: left;
}

.sharelist1 li a {
    height: 28px;
    display: block;
    position: relative;
}

.sharelist1 li {
    width: 28px;
    height: 28px;
    position: relative;
    margin-right: 5px;
}

.sharelist1 li:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f2f2f2;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    visibility: hidden;
    transition: 0.32s;
}

.sharelist1 li:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    visibility: visible;
}

.sharelist1 li:last-child {
    margin-right: 0;
}

.sharelist1 li a.icon-share1 {
    background: url(../image/weixin.png) center no-repeat;
}

.sharelist1 li a.icon-share2 {
    background: url(../image/qq.png) center no-repeat;
}

.sharelist1 li a.icon-share3 {
    background: url(../image/weib.png) center no-repeat;
}

.sharelist1 li a.icon-share4 {
    background: url(../image/weibx.png) center no-repeat;
}

.sharelist1 li:hover a {
    opacity: 0.7;
}

/*weaponizing style end*/
/*school style*/
.school-list dd {
    position: relative;
}

.school-list a:link, .school-list a:visited {
    color: #666666;
}

.school-list a:active, .school-list a:hover {
    color: #e3001e;
}

.school-list a.item {
    display: block;
    position: relative;
    overflow: hidden;
}

.school-list li {
    background-color: #fff;
}

.school-list li .img {
    width: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

.school-list li .img img {
    transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    width: 100%;
    display: block;
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.school-list .img .black-20 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}

.school-list .con {
    color: #666666;
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0%;
}

.school-list .con .title {
    margin-bottom: 30px;
}

.school-list .con .zh {
    font-size: 24px;
    line-height: 1.2;
    color: #333333;
    display: block;
}

.school-list .con .en {
    color: #999999;
    font-family: arial, helvetica, sans-serif;
}

.school-list .con .c {
    font-size: 16px;
    height: 115px;
    overflow: hidden;
    margin-bottom: 60px;
}

.school-list .bor {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.school-list .btnMore {
    width: 166px;
    height: 56px;
    line-height: 56px;
}

.school-list .oneItem .con {
    left: 55%;
}

.school-list .oneItem .bor {
    left: 50%;
}

.school-list .twoItem .img {
    margin-left: 50%;
}

.school-list .twoItem .con {
    left: 5%;
}

.filler {
    position: absolute;
    display: block;
    background-color: #e3001e;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s;
}

.school-list .filler-left {
    width: 1px;
    height: 0%;
    left: 2%;
    top: 3%;
}

.school-list .filler-right {
    width: 1px;
    height: 0%;
    right: 2%;
    bottom: 3%;
}

.school-list .filler-top {
    width: 0%;
    height: 1px;
    right: 2%;
    top: 3%;
}

.school-list .filler-bottom {
    width: 0%;
    height: 1px;
    left: 2%;
    bottom: 3%;
}

.school-demo {
    width: 1038px;
    margin: 30px auto 0;
}

.school-demo .item {
    margin: 0px 19px;
    cursor: zoom-in;
}

.school-demo .img {
    position: relative;
    overflow: hidden;
}

.school-demo .img img {
    width: 100%;
    display: block;
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.school-demo .bor {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 6px solid rgba(227, 0, 30, 0.44);
    box-sizing: border-box;
    opacity: 0;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.school-demo .item:hover .img img {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.school-demo .item:hover .bor {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.school-demo .slick-arrow {
    background-color: #7f7f7f;
    width: 52px;
    height: 52px;
    z-index: 10;
    top: 50%;
    margin-top: -26px;
}

.school-demo .slick-disabled {
    background-color: #E2E2E2;
    cursor: no-drop;
}

.school-demo .slick-disabled:hover:before {
    display: none;
}

.school-demo .slick-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ee2d31;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all .5s;
    -webkit-transition: all .5s;
    opacity: 0;
    visibility: hidden \9;
    z-index: -1;
}

.school-demo .slick-arrow:hover:before {
    transform: none;
    -webkit-transform: none;
    opacity: 1;
    visibility: visible \9;
}

.school-demo .slick-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -3px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.school-demo .slick-prev {
    left: -58px;
}

.school-demo .slick-next {
    right: -58px;
}

.school-demo .slick-prev i {
    border-right: 6px solid #fff;
}

.school-demo .slick-next i {
    border-left: 6px solid #fff;
}

/*school style end*/
/*news style*/
.new-page-silder a:link, .new-page-silder a:visited {
    color: #666666;
}

.new-page-silder a:active, .new-page-silder a:hover {
    color: #e3001e;
}

.new-page-silder {
    width: 29%;
    float: right;
    display: block;
    border-top: 2px solid #a6a6a6;
    padding-top: 12px;
}

.nsilder-box {
    color: #818181;
    margin-bottom: 22px;
    position: relative;
}

.nsilder-box .img {
    overflow: hidden;
    position: relative;
    margin-bottom: 18px;
}

.nsilder-box .img img {
    width: 100%;
    display: block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.nsilder-box .txt {
    background: url(../image/balck_60.png) repeat;
    background: none rgba(0, 0, 0, 0.65);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    padding: 12px 5%;
    width: 90%;
    overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nsilder-box .c {
    margin-bottom: 18px;
    height: 50px;
    overflow: hidden;
    text-align: justify;
}

.nsbot {
    font-family: arial, helvetica, sans-serif;
    position: relative;
}

.nsbot .more {
    background: url(../image/more1.png) no-repeat scroll left center;
    width: 29px;
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.nsbot .more i {
    background: url(../image/more2.png) no-repeat scroll left center;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.nsilder-box:hover .img img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
}

.nsilder-box:hover .more i {
    width: 100%;
}

.nsilder-list {
    border-top: 1px solid #dedede;
    font-size: 15px;
}

.nsilder-list li {
    border-bottom: 1px solid #dedede;
}

.nsilder-list a {
    height: 44px;
    display: block;
    line-height: 44px;
    padding-left: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.nsilder-list a:before {
    content: "";
    position: absolute;
    left: 14px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background-color: #959595;
    top: 50%;
    margin-top: -3px;
}

.nsilder-list a:hover:before {
    background-color: #E3001E;
}

.new-page-c {
    float: left;
    display: block;
    width: 65%;
    padding-right: 3%;
    border-right: 1px solid #dedede;
}

.new-list {
    padding-bottom: 20px;
}

.new-list dd {
    margin-bottom: 26px;
    background-color: #fff;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.new-list .img {
    float: left;
    display: block;
    width: 44.5%;
    overflow: hidden;
}

.new-list .img img {
    display: block;
    width: 100%;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}

.new-list .con {
    float: left;
    margin-left: 5%;
    width: 46%;
    padding-top: 40px;
}

.new-list .t {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.new-list .c {
    height: 50px;
    overflow: hidden;
    margin-bottom: 32px;
    text-align: justify;
}

.new-list .nsbot {
    border-top: 1px solid #dedede;
    padding: 12px 0px;
}

.new-list dd:hover .t {
    color: #e3001e;
}

.new-list dd:hover .more i {
    width: 100%;
}

.new-list dd:hover {
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
}

.tq-page-selce {
    line-height: 40px;
    margin-bottom: 38px;
}

.tq-page-selce .txt {
    float: left;
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #666;
}

select.tq-selce {
    padding: 9px 40px 9px 16px;
    line-height: 20px;
    height: 40px;
    vertical-align: middle;
    border: 1px solid #b5b5b5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #666666;
    font-size: 14px;
    font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
    cursor: pointer;
    float: left;
    display: block;
    margin: 0px 0 0px 20px;
    width: 194px;
    border-radius: 0;
}

select.tq-selce option {
    padding: 2px 2%;
}

select.tq-selce:hover {
    color: #101010;
}

.no-csstransitions select.tq-selce {
    padding-right: 10px;
}

.csstransitions select.tq-selce {
    background: url(../image/link_select_ico2.png) no-repeat scroll 95% center;
}

.tq-serach-box {
    float: right;
    display: block;
    width: 244px;
    padding: 0 92px 0 0;
    position: relative;
}

.tq-serach-box .ptxt {
    width: 80%;
    padding: 9px 10%;
    border: 1px solid #b5b5b5;
    border-right: 0px none;
    height: 20px;
    line-height: 20px;
    font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
    cursor: pointer;
    float: left;
    display: block;
}

.tq-serach-box .pbtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 92px;
    text-align: center;
    height: 100%;
    line-height: 40px;
    color: #fff;
    background-color: #e3001e;
}

.tq-serach-box .pbtn:hover {
    background-color: #333;
}

.tq-serach-box .ptxt:focus {
    border-color: #e3001e;
}

.recruitment-select-t {
    padding-top: 40px;
    color: #333333;
    font-size: 18px;
}

/*news style end*/
/*videoList style*/
.pagePadding4 {
    padding: 60px 0px;
}

.videoList {
    margin-left: -2%;
}

.videoList dd {
    float: left;
    display: block;
    margin: 0px 0px 25px 2%;
    width: 48%;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.videoList .img {
    overflow: hidden;
    position: relative;
}

.videoList .img img {
    width: 100%;
    display: block;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}

.videoList .item {
    position: relative;
    overflow: hidden;
}

.videoList .black-20 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.videoList .vico {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 65px;
    height: 65px;
    margin: -32px 0px 0px -32px;
    display: block;
}

.videoList .vico .i1 {
    background: url(../image/vico_bg.png) no-repeat scroll center center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 300ms;
    -webkit-transition: 300ms;
}

.videoList .vico .i2 {
    background: url(../image/vico.png) no-repeat scroll center center;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.videoList .t {
    font-size: 16px;
    padding: 20px 5%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #626262;
    color: #fff;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}

.videoList .t:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #cc0000;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    visibility: hidden \9;
}

.videoList dd:hover .img img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.videoList dd:hover .t:before {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    visibility: visible \9;
}

.videoList dd:hover .vico .i1 {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

/*videoList style end*/
/*join style*/
.conceptList {
    margin-left: -0.5%;
}

.conceptList dd {
    float: left;
    display: block;
    width: 24.5%;
    margin-left: 0.5%;
    background-color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    position: relative;
    z-index: 1;
}

.conceptList dd:before {
    content: "";
    width: 100%;
    height: 4px;
    background: #e3001e;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: -1;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .44s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .44s cubic-bezier(.4, 0, .2, 1);
    transition: transform .44s cubic-bezier(.4, 0, .2, 1);
    transition: transform .44s cubic-bezier(.4, 0, .2, 1), -webkit-transform .44s cubic-bezier(.4, 0, .2, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden \9;
}

.conceptList .item {
    padding: 25px 12% 35px;
}

.conceptList .t {
    font-size: 16px;
    color: #333333;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.conceptList dd:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    background-color: #f1f0f0;
}

.conceptList dd:hover .t {
    color: #CC0000;
}

.conceptList dd:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible \9;
}

#hrPage .iboxT .zh, #hrPage .iboxT .en {
    color: #fff;
}

.inner1100 {
    width: 1100px;
    margin: 0px auto;
}

.recruitment-info {
    background-color: #ffffff;
    padding: 30px 5%;
}

.recruitment-info .t {
    font-size: 16px;
    font-weight: bold;
}

.recruitment-info a {
    color: #cc0000;
}

.recruitment-info .email {
    font-size: 15px;
    margin: 0 8px 0 11px;
    position: relative;
}

.recruitment-info .email:before {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    width: 100%;
    height: 1px;
    background: #cc0000;
    bottom: 0;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.recruitment-info .email:hover:before {
    width: 0;
    right: 0;
    left: auto;
}

.recruitment-select-box {
    margin-top: 35px;
}

.recruitment-select {
    float: left;
    display: block;
    width: 60%;
}

select.mar-sel {
    padding: 10px 26px 10px 2%;
    line-height: 20px;
    height: 42px;
    vertical-align: middle;
    border: 1px solid #9d9b9b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #666666;
    font-size: 14px;
    font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
    cursor: pointer;
    float: left;
    display: block;
    margin: 0px 2% 25px 0px;
    width: 40%;
    border-radius: 0;
}

select.mar-sel option {
    padding: 2px 2%;
    box-sizing: border-box;
}

select.mar-sel:hover {
    color: #101010;
}

.csstransitions select.mar-sel {
    background: url(../image/link_select_ico2.png) no-repeat scroll 95% center;
}

.recruitment-serach {
    float: right;
    display: block;
    width: 200px;
    padding: 0 88px 0 0;
    position: relative;
}

.recruitment-serach .txt {
    width: 80%;
    padding: 10px 10%;
    border: 1px solid #959595;
    border-right: 0px none;
    height: 20px;
    line-height: 20px;
    font-family: "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", tahoma, "times new roman", helvetica, arial;
}

.recruitment-serach .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 88px;
    text-align: center;
    height: 100%;
    line-height: 42px;
    color: #fff;
    background-color: #cc0000;
}

.recruitment-serach .btn:hover {
    background-color: #333;
}

.recruitment-serach .txt:focus {
    border-color: #cc0000;
}

.hrList {
    margin: 32px 0px 0px;
    font-size: 16px;
}

.hrList .hspan {
    text-align: center;
    cursor: pointer;
    width: 16%;
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
}

.hrList .hspan1 {
    text-align: left;
    padding-left: 5%;
    width: 31%;
}

.hrList .hrdt {
    background-color: #9d9b9b;
    color: #fff;
}

.hrList dd {
    margin-bottom: 3px;
    position: relative;
    background-color: #fff;
}

.hrList .hrdt {
    height: 50px;
    overflow: hidden;
}

.hrList .hrT {
    background-color: #f2f2f2;
    color: #666666;
}

.hrList .hrT .hspan {
    line-height: 50px;
    height: 50px;
}

.hrList .ib {
    width: 16px;
    height: 16px;
    margin: 17px auto 0px;
    display: block;
    position: relative;
    transition: 400ms;
    -webkit-transition: 400ms;
}

.hrList .ib i {
    display: block;
    background-color: #999999;
}

.hrList .ib .ic1 {
    width: 2px;
    height: 16px;
    margin-left: 7px;
}

.hrList .ib .ic2 {
    width: 16px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.hrList .hrB {
    border: 1px solid #cc0000;
    display: none;
}

.hrList .hrCon {
    width: 91%;
    margin: 0px auto;
    padding: 30px 0px 50px;
    overflow: hidden;
}

.hrList dd.active .hrT, .hrList dd:hover .hrT {
    background-color: #cc0000;
    color: #fff;
}

.hrList .active .ib i, .hrList dd:hover .ib i {
    background-color: #fff;
}

.hrList .active .ib {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.hrList .active .ib .ic2 {
    display: none;
}

.join-box-btn {
    padding-top: 30px;
}

.join-box-btn .btn {
    float: left;
    display: block;
    background-color: #e4c36a;
    color: #333;
    padding: 10px 40px;
    font-size: 14px;
}

.join-box-btn .btn:hover {
    background-color: #333333;
    color: #fff;
}

/*join style end*/
/*responsibility*/
.responsibility-list {
    margin-left: -1%;
    color: #fff;
}

.responsibility-list li {
    float: left;
    display: block;
    width: 32.33%;
    margin: 0px 0px 25px 1%;
    position: relative;
    overflow: hidden;
}

.responsibility-list .img {
    overflow: hidden;
    position: relative;
}

.responsibility-list .img img {
    width: 100%;
    display: block;
}

.responsibility-list .black-20 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.responsibility-list .item {
    position: absolute;
    left: 10%;
    width: 80%;
    top: 10%;
    height: 85%;
    line-height: 1.5;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.responsibility-list .ico {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0px 0 12px;
}

.responsibility-list .zh {
    font-size: 36px;
    line-height: 1.2;
    font-weight: bold;
    font-family: "微软正黑体", "Microsoft JhengHei";
}

.responsibility-list .en {
    font-family: "Humanst521 BT";
    font-size: 18px;
}

.responsibility-list .bot {
    width: 10%;
    height: 1px;
    background-color: #fff;
    margin: 10px 0px 32px;
    display: block;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.responsibility-list .con {
    max-height: 196px;
    overflow: hidden;
    line-height: 2;
    overflow: hidden;
    opacity: 0;
    visibility: hidden \9;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.responsibility-list .red-80 {
    -webkit-transition: -webkit-transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transition: transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    opacity: 0;
    visibility: hidden \9;
}

.responsibility-list .by {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
    position: absolute;
    left: 0%;
    bottom: 0%;
    opacity: 0;
    visibility: hidden \9;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.responsibility-list li:hover .bot {
    width: 100%;
}

.responsibility-list li:hover .red-80 {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: left 0;
    -webkit-transform-origin: left 0;
    opacity: 1;
    visibility: visible \9;
}

.responsibility-list li:hover .con, .responsibility-list li:hover .by {
    opacity: 1;
    visibility: visible \9;
    transform: inherit;
    -webkit-transform: inherit;
}

.aidingList dd {
    margin-bottom: 40px;
    background-color: #fff;
    position: relative;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.aidingList .linkA {
    z-index: 4;
}

.aidingList .img {
    overflow: hidden;
    float: left;
    display: block;
    width: 35%;
}

.aidingList .img img {
    width: 100%;
    display: block;
}

.aidingList .con {
    margin-left: 5%;
    width: 55%;
    float: left;
    display: block;
    padding-top: 5%;
}

.aidingList .t {
    color: #333333;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.aidingList .c {
    font-size: 16px;
    height: 84px;
    overflow: hidden;
    margin-bottom: 8%;
}

.aidingList .btnMore {
    width: 172px;
    height: 54px;
    line-height: 54px;
}

.commonweal-first {
    background-color: #fff;
    position: relative;
    margin-bottom: 40px;
    color: #333333;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.commonweal-first .img, .commonweal-first .con {
    float: left;
    display: block;
}

.commonweal-first .img {
    width: 50%;
    overflow: hidden;
}

.commonweal-first .img img {
    width: 100%;
    display: block;
}

.commonweal-first .con {
    margin-left: 5%;
    width: 40%;
    padding-top: 5%;
}

.commonweal-first .t {
    font-size: 18px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
    margin-bottom: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.commonweal-first .c {
    height: 100px;
    overflow: hidden;
    margin-bottom: 35px;
}

.commonweal-first .btnMore {
    width: 144px;
    height: 50px;
    line-height: 50px;
    background-color: #f5f5f5;
}

.commonweal-first .linkA {
    z-index: 4;
}

.commonweal-page {
    overflow: hidden;
}

.commonweal-demo {
    width: 1354px;
    margin-left: -17px;
}

.commonweal-demo .item {
    margin: 0px 17px;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.commonweal-demo .linkA {
    z-index: 4;
}

.commonweal-demo .img {
    overflow: hidden;
}

.commonweal-demo .img img {
    width: 100%;
    display: block;
    transition: 0.6s;
    -webkit-transition: 0.6s;
}

.commonweal-demo .txt {
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    padding: 0px 3%;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.commonweal-demo .txt:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #cc0000;
    -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1);
    transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    visibility: hidden \9;
}

.commonweal-demo .slick-dots {
    z-index: 104;
    width: 100%;
    text-align: center;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 34px;
}

.commonweal-demo .slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0px;
    height: 14px;
    width: auto;
    margin: 0px 9px;
    cursor: pointer;
}

.commonweal-demo .slick-dots li a {
    height: 14px;
    width: 14px;
    line-height: 14px;
    text-indent: -10em;
    display: block;
    overflow: hidden;
    padding: 0px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #bababa;
}

.commonweal-demo .slick-dots li a:focus {
    outline: none;
}

.commonweal-demo .slick-dots li.slick-active a {
    background-color: #e3001e;
}

.commonweal-demo .slick-active .bot span {
    -moz-animation: a_slidercurrent 6s linear;
    -webkit-animation: a_slidercurrent 6s linear;
    -o-animation: a_slidercurrent 6s linear;
    animation: a_slidercurrent 6s linear;
}

/*responsibility end*/
/*404 style*/
.nobox-c {
    text-align: center;
    font-size: 24px;
    margin-top: 40px;
    color: #333;
}

.nobox-btn {
    width: 196px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    display: block;
    margin: 22px auto 0px;
    background-color: #ee2d31;
}

.nobox-btn .txt {
    color: #fff;
    font-size: 18px;
}

.nobox-btn:hover {
    background-color: #333333;
}

/*404 style end*/