@charset "utf-8";
@font-face {
    /*font-family: 'RUBIK-REGULAR-WEBFONT';*/
    font-weight: normal;
    font-style: normal;
    /*src: url('RUBIK-REGULAR-WEBFONT.eot');*/
    /*src: local('RUBIK-REGULAR-WEBFONT'), url('RUBIK-REGULAR-WEBFONT.eot?#iefix') format('embedded-opentype'), url('RUBIK-REGULAR-WEBFONT.woff2') format('woff2'), url('RUBIK-REGULAR-WEBFONT.woff') format('woff'), url('RUBIK-REGULAR-WEBFONT.ttf') format('truetype'), url('RUBIK-REGULAR-WEBFONT.svg') format('svg');*/
}

html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

html,
body {
    width: 100%;
}

body {
    font-family: "微软雅黑", arial, Helvetica, sans-serif;
    font-size: 16px;
    overflow-x: hidden;
    color: #333333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
select,
option,
textarea {
    border: none;
    outline: none;
    font-family: "微软雅黑", arial, Helvetica, sans-serif;
}

img {
    border: none;
}

a,
a:hover,
a:active,
a:visited,
a:link {
    text-decoration: none;
    outline: 0;
    color: #000;
}

a:hover {
    color: #0045AA;
}

ul li {
    margin: 0;
}

ul,
li {
    list-style: none;
}

.left {
    float: left;
    width: 41%;
}

.right {
    float: right;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.none {
    display: none;
}

.block {
    display: block;
}

.w {
    width: 1720px;
    margin: 0 auto;
}

.ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#banner {
    width: 100%;
    height: 100%;
    background: #000;
    display: flow-root;
    overflow: hidden;
    top: 0;
    background-image: url(../images/1.jpg);
}

#banner_img {
    display: flex;
    position: relative;
    width: 1062px;
    margin: auto;
}

#banner_img li {
    top: 0;
    left: 0;
    width: 100%;
    height: 637px;
    background-position: center;
    display: none;
}

@media screen and (max-width:1366px) {
    #banner_img li.item1 {
        background-image: url(../images/11.jpg);
        display: block;
        background-position: center;
    }
    #banner_img li.item2 {
        background-image: url(../images/12.jpg);
        background-position: center;
    }
    #banner_img li.item3 {
        background-image: url(../images/13.jpg);
        background-position: center;
    }
    #banner_img li.item4 {
        background-image: url(../images/14.jpg);
        background-position: center;
    }
    #banner_img li.item5 {
        background-image: url(../images/15.jpg);
        background-position: center;
    }
    #banner_img li.item6 {
        background-image: url(../images/16.jpg);
        background-position: center;
    }
    #banner_img li.item7 {
        background-image: url(../images/17.jpg);
        background-position: center;
    }
}

@media screen and (max-width:1450px) and (min-width:1367px) {
    #banner_img li.item1 {
        background-image: url(../images/21.jpg);
        display: block;
        background-position: center;
    }
    #banner_img li.item2 {
        background-image: url(../images/22.jpg);
        background-position: center;
    }
    #banner_img li.item3 {
        background-image: url(../images/23.jpg);
        background-position: center;
    }
    #banner_img li.item4 {
        background-image: url(../images/24.jpg);
        background-position: center;
    }
    #banner_img li.item5 {
        background-image: url(../images/25.jpg);
        background-position: center;
    }
    #banner_img li.item6 {
        background-image: url(../images/26.jpg);
        background-position: center;
    }
    #banner_img li.item7 {
        background-image: url(../images/27.jpg);
        background-position: center;
    }
}

@media screen and (min-width:1451px) {
    /* #banner_img li.item1 { background-image: url(../images/1.jpg); display: block; background-position:center;}
#banner_img li.item2 { background-image: url(../images/1.jpg);  background-position:center;}
#banner_img li.item3 { background-image: url(../images/1.jpg);  background-position:center;}
#banner_img li.item4 { background-image: url(../images/1.jpg);  background-position:center;}
#banner_img li.item5 { background-image: url(../images/1.jpg);  background-position:center;}
#banner_img li.item6 { background-image: url(../images/1.jpg);  background-position:center;}
#banner_img li.item7 { background-image: url(../images/1.jpg);  background-position:center;} */
}

#banner_img .ad_img {
    float: right;
    margin-top: 30px;
    width: 55%;
    height: 404px;
    text-align: right;
}

#banner_img .ad_txt {
    float: left;
    margin-top: 150px;
    width: 45%;
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    text-shadow: 1px 1px rgba(51, 51, 51, 0.3);
    font-family: 微软雅黑;
}

#banner_img .ad_txt h2 {
    /*font: bold 36px/60px Microsoft YaHei;*/
    font-size: 58px;
    font-family: Microsoft YaHei;
}

#banner_img .ad_txt a {
    display: block;
    width: 125px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

#banner_img .ad_txt p {
    margin-top: 50px;
    line-height: 35px;
}

#banner_img .ad_img {
    display: block;
}

.banimg {
    padding: 50px 0 0 90px;
}

.webimg {
    padding-top: 43px;
}

.ad_img img {
    display: block;
    /*position:absolute;*/
    right: 0;
    max-width: 68%;
    float: right;
}


/*.imgsty1{ width:650px; }*/


/*.imgsty2{ width:398px;margin-top:50px;}*/


/*.imgsty3{ width:556px;}*/


/*.imgsty4{ width:570px; margin-top:20px;}*/


/*.imgsty5{ width:591px;}*/


/*.imgsty6{ width:470px;margin-top:50px;}*/


/*.imgsty7{ width:550px;}*/

.seoimg {
    padding-top: 93px;
}

@media screen and (max-height:768px) {
    #banner_img .ad_txt h2 {
        font-size: 36px;
    }
    /*.imgsty1{ width:300px; height:241px;}*/
    /*.imgsty7{ width:300px; height:271px; padding-top:30px;}*/
    /*.imgsty2{ width:230px; height:252px;}*/
    /*.imgsty6{ width:300px; height:303px; padding-top:43px;}*/
    /*.imgsty3{ width:350px; height:200px; padding-top:10px;}*/
    /*.imgsty4{ width:300px; height:296px; padding-top:35px;}*/
    /*.imgsty5{ width:300px; height:257px;}*/
    #banner_img .ad_img {
        top: 90px;
        text-align: right;
    }
}

#banner_ctr {
    position: absolute;
    width: 1200px;
    height: 122px;
    margin-left: -35%;
    left: 50%;
    /* bottom: -6px; */
    z-index: 999;
    /* margin: auto; */
    margin-top: -159px;
}

#banner_ctr ul {
    width: 1366px;
    height: 122px;
    background: url(../images/serv_ico.png) center no-repeat;
    font-size: 0;
    line-height: 0;
    position: relative;
}

#banner_ctr li {
    display: block;
    float: left;
    width: 155px;
    height: 122px;
    cursor: pointer;
}

#banner_ctr li.first-item {
    background: #fff;
    width: 72px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    cursor: default;
}

#banner_ctr li.last-item {
    background: #fff;
    width: 75px;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    cursor: default;
}

#drag_ctr {
    position: absolute;
    top: -14px;
    left: 75px;
    width: 150px;
    height: 156px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: 170px;
    background: #0045AA;
}

#drag_arrow {
    position: absolute;
    top: -14px;
    left: 75px;
    width: 150px;
    height: 156px;
    background: url(../images/drag_banner_arrow.gif) center 14px no-repeat;
}

.ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ellipsis-4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.ellipsis-5 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.ellipsis-6 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

::-webkit-input-placeholder {
    color: #999999;
}

:-moz-placeholder {
    color: #999999;
}

::-moz-placeholder {
    color: #999999;
}

:-ms-input-placeholder {
    color: #999999;
}

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

.h {
    height: 80px;
}

.overflow {
    overflow: hidden;
}


/*  *  * header *  * */

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    /* background: #fff; */
}

header.indexheader {
    background: transparent;
}

header.fixed {
    background: #fff;
    -moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}

.head-main {
    position: relative;
    line-height: 83px;
    font-size: 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.head-main .logo {
    float: left;
}

.head-main .logo img {
    vertical-align: middle;
    height: 56px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.head-main .logot {
    float: left;
}

.head-main .logot img {
    vertical-align: middle;
    height: 30px;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid rgba(65, 15, 7, .1);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.head-main .nav {
    display: inline-block;
    vertical-align: middle;
}

.head-main .nav>ul>li {
    float: left;
    position: relative;
    margin-right: 35px;
}

.head-main .nav>ul>li>a {
    display: block;
    font-size: 16px;
    color: white;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

.head-main .nav>ul>li:hover {
    background-color: #0045AA;
    /* height:40px;
	margin-top:20px;
	line-height:40px; */
}

.head-main .nav>ul>li.on>a {
    /* border-bottom: 2px solid #0045AA; */
    /* background-color: #0045AA; */
    color: white !important;
    padding-left: 6px;
    padding-right: 6px;
}

.head-main .nav>ul>li>a:hover {
    /* color: #0045AA; */
    /* background-color:#0045AA; */
    /* height:40px;margin-top:20px;
	  line-height:40px; */
}

.head-main .nav img {
    vertical-align: middle;
}

.head-main .nav .drop-down {
    min-width: 110px;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    /* padding: 10px 0; */
    display: none;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
    /* border-top:4px solid #0045AA; */
    /* margin-top:20px; */
}

.head-main .nav li:hover .drop-down {
    display: block
}

.drop-down ol {
    line-height: 35px;
}

.drop-down ol a {
    display: block;
    font-size: 15px;
    color: #410f07;
    padding: 5px 25px;
    line-height: 25px;
    word-break: keep-all;
    white-space: nowrap;
}

.drop-down ol a:hover {
    color: white;
}

.tel {
    float: right;
    margin-left: 17px;
    margin-right: 25px;
    font-size: 27px;
    color: white;
    font-family: 'RUBIK-REGULAR-WEBFONT';
    padding-left: 25px;
    /* background: url(../images/tel.png) no-repeat left center; */
}


/*header.indexheader .tel{
	margin: 0 30px 0 50px;
	
}*/

.right-side-box {
    float: right;
    font-size: 0;
}

.right-side-box li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.right-side-box .search-popup__toggler {
    width: 21px;
    height: 21px;
    line-height: 21px;
    background: url(../images/search.png) no-repeat center center;
}

.right-side-box .side-menu__toggler {
    width: 56px;
    height: 21px;
    line-height: 21px;
    background: url(../images/menu.png) no-repeat center center;
}

.right-side-box .lang {
    position: relative;
    width: 115px;
    height: 20px;
    border-right: 1px solid #c6b7b4;
    background: url(../images/langjiao.png) no-repeat 80% center;
}

.right-side-box .lang .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px;
    overflow: hidden;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.right-side-box .lang:hover .box {
    height: auto;
}

.right-side-box .lang a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #410f07;
    margin-bottom: 10px;
}

.right-side-box .lang a:hover {
    color: #0045AA;
}

.right-side-box .lang img {
    margin-right: 5px;
    vertical-align: middle;
}

.right-side-box li:hover {
    opacity: .8
}

header.indexheader .right-side-box .lang a,
header.indexheader .head-main .nav>ul>li>a {
    color: white;
}

header.indexheader .head-main .nav>ul>li>a:hover {
    /* border-bottom: 2px solid #0045AA; */
    /* background-color: #0045AA; */
    color: white;
    /* padding-left: 6px;
    padding-right: 6px; */
}

header.indexheader .right-side-box .lang {
    border-right-color: #fff;
    background-image: url(../images/langjiao0.png);
}

header.indexheader .head-main .logo img,
header.indexheader .head-main .logot,
header.indexheader .right-side-box .search-popup__toggler,
header.indexheader .right-side-box .side-menu__toggler,
header.indexheader .head-main .nav img,
header.indexheader .tel {
    /* -webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1); */
}


/*
 
 * 
 * 
 * 
 * */

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(25, 125, 44, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}


/* Magnific Popup CSS */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #CCC;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}


/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}


/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}


/*弹窗*/

.side-menu__block {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
}

.side-menu__block.active {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.side-menu__block-overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: .7;
}

.side-menu__block-inner {
    position: relative;
    width: 31.25%;
    margin: 0 0 0 auto;
    height: 100vh;
    background: #0045AA;
    z-index: 999999;
    overflow-y: auto;
    padding: 20px 20px 20px 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.mCustomScrollBox {
    padding-right: 20px;
}

.side-menu__block-inner .mCustomScrollBox {
    width: 100%;
}

.side-menu__block .main-navigation .submenu {
    display: none;
}

.side-menu__block__text {
    text-align: center;
}

.side-menu__block .navigation-box {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 40px;
    margin-bottom: 40px;
    border: 1px solid #d2d9e4;
}

.side-menu__block .navigation-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #f2f4f7;
}

.side-menu__block .navigation-box ul ul {
    background-color: #d2d9e4;
}

.side-menu__block .navigation-box li+li {
    border-top: 1px solid #d2d9e4;
}

.side-menu__block .navigation-box li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222222;
    font-size: 16px;
    position: relative;
    padding: 14px 0;
    padding-left: 15px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.side-menu__block .navigation-box li a:before {
    content: '\f101';
    font-family: FontAwesome;
    margin-right: 15px;
}

.side-menu__block .navigation-box li a .sub-nav-toggler {
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #222222;
    color: #fff;
    padding: 1.5px 10px;
}

.side-menu__block .navigation-box li a .sub-nav-toggler:before {
    content: '\f107';
    font-family: FontAwesome;
}

.side-menu__block .navigation-box li a:hover {
    color: #fff;
    background-color: #0045AA;
}

.side-menu__block__title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #222222;
    margin: 0;
    margin-bottom: 15px;
}

.side-menu__block-line {
    margin: 40px 0;
    border-color: rgba(34, 34, 34, 0.2);
}

.side-menu__block-about>ul {
    margin: auto auto auto 0;
}

.side-menu__block-about>ul>li {
    position: relative;
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

@keyframes fadeInNavItems {
    0% {
        opacity: 0;
    }
    80% {
        opacity: 0.75;
    }
    90% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

.side-menu__block-about>ul>li>a {
    font-size: 18px;
    font-weight: bold;
}

.side-menu__block-about li a {
    font-size: 15px;
    color: #ffffff;
}

.side-menu__block-about li a:hover {
    color: #410f07;
}

.side-menu__block-about ul ul {
    overflow: hidden;
}

.side-menu__block-about ul ul li {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.side-menu__block-about ul ul li a:before {
    content: "";
    width: 10px;
    height: 8px;
    background: url(../images/navico.png) no-repeat left center;
    display: inline-block;
    vertical-align: middle;
}

.side-menu__block-about ul ul li a:hover {
    color: #410f07;
}

.sdclose {
    position: fixed;
    top: 20px;
    right: 40px;
    width: 17px;
    height: 17px;
    background: url(../images/close1.png) no-repeat center center;
    cursor: pointer;
    font-size: 0;
}

.mCSB_container .logo {
    padding: 35px 0 15px;
    border-bottom: 2px solid #fff;
}

.mCSB_container .logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 44px;
}

.mCSB_container .ewm {
    text-align: center;
    /*margin-top: 85px;*/
    margin-top: 30px;
}

.mCSB_container .ewm img {
    display: block;
    margin: 0 auto;
    width: 135px;
    border-radius: 10px;
}

.mCSB_container .ewm .tbox {
    font-size: 15px;
    color: #ffffff;
    margin-top: 10px;
    float: none!important;
    width: 100%!important;
}

.side-menu__block-contact__list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}

.side-menu__block-contact__list-item {
    color: #222222;
    font-size: 20px;
    position: relative;
    padding-left: 50px;
    font-family: 'RUBIK';
    margin-bottom: 15px;
    line-height: 36px;
}

.side-menu__block-contact__list-item i {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.side-menu__block-contact__list .ewm img {
    width: 108px;
    margin-left: 50px;
}

.side-menu__block-contact__list-item+.side-menu__block-contact__list-item {
    margin-top: 10px;
}

.side-menu__block__text-copy {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.thm-btn {
    display: block;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: #0045AA;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 0 43px;
    line-height: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.thm-btn:hover {
    color: #fff;
    background-color: #222222;
}

.side-menu__block-about__text {
    margin-bottom: 16px;
    color: #777777;
    font-size: 14px;
    line-height: 26px;
}

.fa {
    font-size: 0;
}

.fa img {
    vertical-align: middle;
}

.menulogo {
    max-width: 100%;
    display: block;
}


/*
* 22. search-popup styles
*/

.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .7s ease;
    transition: -webkit-transform .7s ease;
    transition: transform .7s ease;
    transition: transform .7s ease, -webkit-transform .7s ease;
}

.search-popup.active {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.search-popup__overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: .7;
}

.search-popup__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-popup__form {
    position: relative;
    z-index: 9991;
    width: 100%;
    padding: 15px;
    max-width: 600px;
    position: relative;
}

.search-popup__form input {
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 60px;
    color: #222222;
    font-size: 18px;
    background-color: rgba(255, 255, 255, 1);
    padding-left: 30px;
    padding-right: 80px;
}

.search-popup__form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #222222;
}

.search-popup__form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #222222;
}

.search-popup__form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #222222;
}

.search-popup__form input:-moz-placeholder {
    /* Firefox 18- */
    color: #222222;
}

.search-popup__form button {
    border: none;
    outline: none;
    width: 60px;
    height: 60px;
    color: #fff;
    background-color: #0045AA;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.search-popup__form button:hover {
    background-color: #0045AA;
    color: #0045AA;
}


/* Cursor Style */

.cursor {
    position: absolute;
    background-color: #fff;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
}

.cursor {
    visibility: visible;
}

.cursor.active {
    opacity: 0.5;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.cursor.hovered {
    opacity: 0.08;
}

.cursor-follower {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.3);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    visibility: hidden;
}

.cursor-follower {
    visibility: visible;
}

.cursor-follower.active {
    opacity: 0.7;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cursor-follower.hovered {
    opacity: 0.08;
}

.cursor-follower.close-cursor:before {
    position: absolute;
    content: '';
    height: 25px;
    width: 2px;
    background: #fff;
    left: 48%;
    top: 12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
}

.cursor-follower.close-cursor:after {
    position: absolute;
    content: '';
    height: 25px;
    width: 2px;
    background: #fff;
    right: 48%;
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*移动端*/


/*	 *	 *	jQuery Sliding Menu Plugin	 *
 * 
 * 	Mobile app list-style navigation in the browser	 *	
 * 
 *  *	Written by Ali Zahid	
 * 
 *  *	http://designplox.com/jquery-sliding-menu	
 * 
 *  *	 */

.sliding-menu {
    overflow: hidden;
    position: relative;
}

.sliding-menu ul {
    float: left;
    margin: 0;
    width: 100%;
}

.sliding-menu li {
    list-style: none;
    margin: 0;
    line-height: 16px;
}

.sliding-menu a {
    display: block;
    padding: 1em;
    line-height: 16px;
}

.sliding-menu a:hover {
    background: #333;
    color: #FFF;
}

.sliding-menu a.nav:before {
    content: '\3009';
    float: right;
    margin-left: 1em;
}

.sliding-menu a.back {
    background: #083f78;
    color: #FFF;
}

.sliding-menu a.back:before {
    content: '\3008';
    float: left;
    margin-right: 1em;
}

.sliding-menu {
    overflow: hidden;
    position: relative;
}

.sliding-menu ul {
    float: left;
    margin: 0;
    width: 100%;
}

.sliding-menu li {
    list-style: none;
    margin: 0;
    line-height: 25px;
}

.sliding-menu a {
    display: block;
    padding: 10px 1em;
    line-height: 25px;
}

.sliding-menu a:hover {
    background: #333;
    color: #FFF;
}

.sliding-menu a.nav:before {
    content: '\3009';
    float: right;
    margin-left: 1em;
}

.sliding-menu a.back {
    background: #083f78;
    color: #FFF;
}

.sliding-menu a.back:before {
    content: '\3009';
    float: right;
    margin-right: 0;
}

.phone_head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999999;
    height: 50px;
    line-height: 50px;
    -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
}

.phone_head .logo {
    font-size: 0;
}

.phone_head .logo img {
    max-width: 100%;
    height: auto;
    max-height: 26px;
    vertical-align: middle;
}

.phone_head .head_admin {
    height: auto;
    line-height: 55px;
    margin: 0;
    margin-left: 15px;
}

.phone_head .head_admin a {
    color: #1886d1;
    font-size: 12px;
}

.phone-head .menubtn>span.expand {
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    width: 40px;
    background: url(../images/menu.png) no-repeat center;
    background-size: auto 100%;
}

.phone-head .mask-close {
    background: #0045AA none repeat scroll 50% 50% / auto padding-box border-box;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 11px;
    left: 18px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    overflow: hidden;
}

.maskbg {
    /*display: none;*/
    position: fixed;
    top: 0;
    left: -9999px;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    overflow: hidden;
}

.popUp {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.maxDiv .maskbg {
    left: 0;
}

.maskbg:before {
    content: "";
    position: absolute;
    top: 0;
    left: -9999px;
    width: 180px;
    height: 100%;
    background: #0045AA;
    transition: all 0.3s;
    z-index: 0;
}

.maxDiv .maskbg:before {
    left: 0;
    transition: all 0.3s;
}

#menu a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#menu a:hover {
    color: #fff;
}

#menu h1 {
    font-weight: 300;
}

#menu h2 {
    font-weight: 300;
    margin: 3em 0 1em 0;
}

#menu p {
    margin: 20px 0;
}

#menu .nav {
    height: auto;
    background: #0045AA;
    float: none;
}

#menu {
    margin: 4em 0;
    width: 180px;
    min-height: 308px;
    background: #0045AA;
    left: -9999px;
    transition: all 0.3s;
    text-transform: uppercase;
}

.maxDiv .maskbg #menu {
    left: 0;
    transition: all 0.3s;
}

.sliding-menu a.back {
    background: #187d2c;
}

.sliding-menu a:hover {
    background: #187d2c;
}


/*
 
 * footer
 * */

footer {
    background: #333333;
}

footer .box {
    display: table;
    width: 100%;
}

footer .leftbox {
    width: 15.6%;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #484848;
    text-align: center;
}

.footmain .leftbox img {
    display: inline-block;
}

footer .centerbox {
    width: 73.85%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 55px;
    border-right: 1px solid #484848;
}

footer .rightbox {
    width: 10.55%;
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.footmain .leftbox,
.footmain .centerbox,
.footmain .rightbox {
    padding-top: 90px;
    padding-bottom: 70px;
}

.footmain .ewm {
    float: left;
    width: 10.43%;
    text-align: center;
}

.footmain .ewm img {
    display: block;
    width: 100%;
    border-radius: 5px;
}

.footmain .ewm .tbox {
    margin-top: 15px;
    font-size: 14px;
    color: #adadad;
}

.fnav {
    float: left;
    width: 89.57%;
}

.fnav a {
    font-size: 18px;
    color: #fff;
}

.fnav>ul>li {
    float: left;
    width: 20%;
}

.fnav ul ul {
    margin-top: 20px;
    line-height: 24px;
}

.fnav ul ul a {
    font-size: 14px;
    color: #adadad;
}

.fnav ul ul a:before {
    content: "· ";
}

.fnav ul ul a:hover {
    color: #0045AA;
}

.footmain .rightbox a {
    display: block;
    text-align: center;
}

.footmain .rightbox img {
    display: block;
    margin: 30px auto;
}

.footmain .rightbox p {
    font-size: 16px;
    color: #fff;
}

.bsBox,
.bsBox * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.footbottom {
    border-top: 1px solid #484848;
}

.ftTop {
    font-size: 16px;
    color: #ADADAD;
    margin: 0 50px;
    /*background: url(../images/backtop.png) no-repeat right center;*/
    line-height: 80px;
}

.ftTop:hover {
    color: #0045AA;
}


/* .copyright {
	float: left;
	font-size: 14px;
	color: #858585;
	line-height: 20px;
} */


/* .copyright a {
	color: #858585;
}
.copyright img{
	vertical-align: middle;
} */

.bshare-custom {
    float: right;
}

.footbottom .bshare-custom a {
    padding-left: 25px;
    height: 21px;
    _height: 21px;
    margin-right: 25px;
}

.footbottom .bshare-custom .bshare-weixin {
    background: url(../images/wx.png) no-repeat left center;
}

.footbottom .bshare-custom .bshare-qqim {
    background: url(../images/qq.png) no-repeat left center;
}

.footbottom .bshare-custom .bshare-sinaminiblog {
    background: url(../images/wb.png) no-repeat left center;
}


/*
 
 * index
 * */

.banner {
    position: relative;
    overflow: hidden;
}

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


/* .bannerswiper {
	width: 100%;
}


.bannerswiper .swiper-pagination {
	bottom: 60px;
} */


/* .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #ef6b2e;
} */

.go {
    position: absolute;
    bottom: 40px;
    right: 25px;
    z-index: 2;
}

.go img {
    width: 57px;
    display: block;
    animation-delay: 0ms;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: arrow;
    animation-play-state: running;
    animation-timing-function: linear;
}

@-webkit-keyframes arrow {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    50% {
        -webkit-transform: translate3d(0px, -10px, 0px);
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
}

@keyframes arrow {
    0% {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    50% {
        -webkit-transform: translate3d(0px, -10px, 0px);
    }
    100% {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
}

.intitle {
    text-align: center;
    color: #410f07;
}

.intitle .tit {
    font-size: 40px;
}

.intitle .tit:after {
    content: "";
    width: 34px;
    height: 2px;
    display: block;
    margin: 15px auto;
    /*background: url(../images/titxian.png) no-repeat left center;*/
}

.intitle .desc {
    font-size: 24px;
    font-weight: lighter;
    color: #0045AA;
}


/*
 
 * 
 * */

.nybanner {
    position: relative;
}

.nybanner>img {
    display: block;
    width: 100%;
}

.nybanner .tbox {
    position: absolute;
    right: 0;
    top: 47%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    line-height: 1;
}

.nybanner .intitle {
    padding: 50px 0;
    color: #fff;
    background: url(../images/intitlebg.png) no-repeat center;
}

.location-nav {
    font-size: 16px;
    color: #999999;
}

.location-nav img {
    vertical-align: middle;
}

.location-nav a {
    display: inline-block;
    vertical-align: middle;
    color: #999999;
}

.location-nav a:hover {
    color: #fff;
}


/*
 
 * */

.in1-sec {
    padding: 40px 0;
    /* background: url(../images/bcks.png) no-repeat center; */
    background-size: 100%;
}

.in1-sec .intitle {
    padding: 40px 0;
    /*background: url(../images/in1bg.png) no-repeat center;*/
}

.in1-sec .main {
    /* width: 1000px; */
    margin: 15px auto 0;
    max-width: 86%;
}

.in1-sec .main .tbox {
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

.in1-sec .num-con {
    margin-top: 40px;
}

.num-con li {
    float: left;
    width: 16.33%;
    font-size: 13px;
    border-left: 1px dotted #0045AA;
    text-align: center;
}

.num-con li:first-child {
    border: 0;
}

.num-con li .icon {
    margin-bottom: -20px;
}

.num-con li .num {
    color: #0045AA;
    vertical-align: top;
}

@font-face {
    font-family: 'DIN-MEDIUM';
    font-weight: normal;
    font-style: normal;
    src: url('DIN-MEDIUM.eot');
    src: local('DIN-MEDIUM'), url('DIN-MEDIUM.eot?#iefix') format('embedded-opentype'), url('DIN-MEDIUM.woff2') format('woff2'), url('DIN-MEDIUM.woff') format('woff'), url('DIN-MEDIUM.ttf') format('truetype'), url('DIN-MEDIUM.svg') format('svg');
}

.num-con li strong {
    display: inline-block;
    /* vertical-align: top; */
    font-family: 'DIN-MEDIUM';
    font-size: 48px;
    line-height: 57px;
    font-weight: 600;
    margin-right: 5px;
}

.num-con li .desc {
    margin-top: 15px;
    color: #999999;
}

.in2-sec {
    padding: 40px 0;
}

.in2-sec .main {
    background: #0045AA;
    position: relative;
    background: #0045AA url(../images/idx-map.png) no-repeat 15% center;
}

.in2-sec .main .tbox {
    float: left;
    width: 50%;
    color: #fff;
}

.in2-sec .intitle {
    color: #fff;
    margin-top: 110px;
}

.in2-sec .intitle .tit:after {
    background-image: url(../images/titxian0.png);
}

.in2-sec .main .pic {
    float: left;
    width: 50%;
    position: relative;
}

.in2-sec .main .pic img {
    display: block;
    width: 100%;
}

.in2-sec .main .history {
    width: 50%;
    background: rgba(0, 0, 0, .5);
    height: 100%;
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
}

.tboxswiper {
    height: 100%;
}

.tboxswiper .box {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 40px;
    color: #fff;
}

.tboxswiper .box .year {
    font-size: 40px;
    font-family: 'RUBIK-REGULAR-WEBFONT';
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    transition: .3s ease .5s;
}

.tboxswiper .swiper-slide-active .box .year {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: .3s ease 1s;
}

.tboxswiper .box .desc {
    margin-top: 15px;
    font-size: 16px;
}

.history .swiper-pagination {
    width: 40px;
    height: 80%;
    left: -20px;
    right: auto;
    flex-direction: column;
    justify-content: center;
    font-size: 0;
    z-index: 1;
    display: flex;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.history .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    background: url(../images/hisyuan.png) no-repeat center;
}

.history .swiper-pagination-bullet-active {
    background-image: url(../images/hisyuan0.png);
}

.in2-sec .main .ad {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    text-align: center;
    display: table;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.in2-sec .main .ad:hover {
    background: rgba(0, 0, 0, .6);
}

.in2-sec .main .play {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.in2-sec .main .ad .box {
    display: table-cell;
    vertical-align: middle;
}

.in2-sec .main .t {
    font-size: 24px;
    margin-top: 15px;
    color: #fff;
}


/* 
.btn{
	margin-top: 50px;
	text-align: center;
}

.btn .ljgd{
	font-size: 14px;
	color: #0045AA;
	display: inline-block;
	vertical-align: middle;
	line-height: 40px;

	background: url(../images/more2.png) no-repeat 85% center;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
	width:100%;
	text-align: left;
}
.btn .ljgd:hover{
	
	background-position-x: 90%
} */

.btn {
    margin-top: 50px;
    text-align: center;
}

.btn .ljgd {
    font-size: 14px;
    color: #ff6c2f;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    border: 2px solid #ff6c2f;
    border-radius: 20px 4px 20px 4px;
    padding: 0 40px 0 20px;
    background: url(../images/more2.png) no-repeat 85% center;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn .ljgd:hover {
    border-radius: 4px 20px 4px 20px;
    background-position-x: 90%
}


/*产品*/

.yewulist {
    margin: 47px -6px;
    overflow: hidden;
    font-size: 0;
    margin-bottom: 0px;
}

.yewulist li {
    display: inline-block;
    position: relative;
    width: 25%;
    height: 332px;
    margin-bottom: 12px;
}

.yewulist li .lin {
    padding: 0 6px;
    height: 100%;
}

.njsmx {
    float: left;
    width: 48% !important;
    margin-right: 0.5% !important;
    margin-left: 0.5% !important;
}

.yewulist li .in a {
    color: white;
}

.yewulist li .cover label:hover a {
    color: black;
}

.yewulist li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.yewulist .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    font-size: 0;
}

.yewulist .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.yewulist .pic i {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    /*background: url('../images/jab1.png') bottom repeat-x;*/
}

.yewulist .bg1 {
    position: absolute;
    left: 0;
    top: -50%;
    z-index: 3;
    width: 100%;
    height: 200%;
    display: block;
    background-color: rgba(1, 70, 170, 0.5);
    -webkit-transform: translateX(-200%) rotate(60deg);
    transform: translateX(-200%) rotate(60deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.yewulist .bg2 {
    position: absolute;
    right: 0;
    top: -33.7%;
    z-index: 3;
    width: 100%;
    height: 200%;
    background-color: rgba(1, 70, 170, 0.5);
    -webkit-transform: translateX(200%) rotate(60deg);
    transform: translateX(200%) rotate(60deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.yewulist li .one {
    padding: 0 60px 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.yewulist li h3 {
    font-size: 18px;
    text-align: left;
    color: #fff;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
}

.yewulist li h4 {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-transform: uppercase;
    word-break: normal;
}

.yewulist li .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.yewulist li .cover .in {
    margin: auto;
    text-align: center;
    padding: 0 10px;
}

.yewulist li .cover .txt2 {
    font-size: 21px;
    color: #fff;
    line-height: 38px;
    height: 38px;
    overflow: hidden;
    font-weight: bold;
}

.yewulist li .cover .hx {
    width: 26px;
    height: 1px;
    margin: 10px auto;
    background-color: #fff;
}

.yewulist li .cover .txt3 {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    max-height: 60px;
    overflow: hidden;
    opacity: 0.3;
    word-break: normal;
}

.yewulist li .cover label {
    display: block;
    margin: 18px auto 0;
    width: 112px;
    height: 32px;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
}

.yewulist li .cover label:hover {
    background-color: #fff;
    color: #0045AA;
}

.yewulist .one,
.yewulist .bg1,
.yewulist .bg2 {
    -webkit-transition: .5s;
    transition: .5s;
}

.yewulist .cover {
    -webkit-transition: .5s .2s;
    transition: .5s .2s;
}

.yewulist li:hover .cover {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.yewulist li:hover .one {
    opacity: 0;
}

.yewulist li:hover .bg1 {
    -webkit-transform: translateX(-40%) rotate(60deg);
    transform: translateX(-40%) rotate(60deg);
}

.yewulist li:hover .bg2 {
    -webkit-transform: translateX(40%) rotate(60deg);
    transform: translateX(40%) rotate(60deg);
}

@media screen and (max-width: 1440px) {
    .yewulist li {
        width: 25%;
    }
    .yewulist li .one {
        padding: 0 40px 30px;
    }
}

@media screen and (max-width: 1024px) {
    .yewulist li {
        width: 50%;
    }
    .yewulist li .one {
        padding: 0 20px 20px;
    }
}

@media screen and (max-width: 750px) {
    .yewulist {
        margin: 0 6px;
    }
    .yewulist li .one {
        padding: 0 5% 20px;
    }
}

@media screen and (max-width: 640px) {
    .yewulist li {
        width: 100%;
    }
}

.process {
    background: url(../images/liuc_bg.gif) no-repeat center 130px;
    overflow: hidden;
    height: 244px;
    width: 100%;
    padding-top: 34px;
}

.process dl {
    width: 170px;
    height: 245px;
    float: left;
    position: relative;
}

.process dl dt {
    width: 90px;
    height: 122px;
    margin: 0 auto;
    position: relative;
}

.process dt .hover,
.process dt .default {
    background: url(../images/iserve_bg.png);
}

.process dt i {
    display: block;
    width: 90px;
    height: 90px;
    background: url(../images/iserve_icon.png);
}

.process dt .hover,
.process dt .default {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all .5s linear;
    -webkit-transition: all .5s linear;
}

.process dt .default {
    background-position: 0 0;
}

.process dt .hover {
    background-position: 0 -122px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.process dt.d1 .default i {
    background-position: 0 0;
}

.process dt.d1 .hover i {
    background-position: -90px 0;
}

.process dt.d2 .default i {
    background-position: 0 -90px;
}

.process dt.d2 .hover i {
    background-position: -90px -90px;
}

.process dt.d3 .default i {
    background-position: 0 -180px;
}

.process dt.d3 .hover i {
    background-position: -90px -180px;
}

.process dt.d4 .default i {
    background-position: 0 -270px;
}

.process dt.d4 .hover i {
    background-position: -90px -270px;
}

.process dt.d5 .default i {
    background-position: 0 -360px;
}

.process dt.d5 .hover i {
    background-position: -90px -360px;
}

.process dt.d6 .default i {
    background-position: 0 -450px;
}

.process dt.d6 .hover i {
    background-position: -90px -450px;
}

.process dt.d7 .default i {
    background-position: 0 -540px;
}

.process dt.d7 .hover i {
    background-position: -90px -540px;
}

.process dt.d8 .default i {
    background-position: 0 -630px;
}

.process dt.d8 .hover i {
    background-position: -90px -630px;
}

.process dt:hover .hover,
.process dl.cur .hover {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.process dt:hover .default,
.process dl.cur .default {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.process dd {
    text-align: center;
    padding: 45px 0 0;
    font-size: 14px;
    color: #333;
    height: 35px;
    line-height: 35px;
}

.process dl.cur dd {
    color: #005eb2;
}

.process .proadv_btn {
    width: 185px;
    margin: 0 auto;
}

.process .proadv_btn a {
    width: 185px;
}

.btn3s {
    border: 1px solid white;
    position: relative;
    padding-left: 18px;
    overflow: hidden;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    padding-right: 19px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.btn3s:hover {
    color: #fff;
    border-color: #0045AA;
}

.btn3s .btnbg-x {
    position: absolute;
    background: #0045AA;
    left: 50%;
    width: 0;
    top: 0px;
    bottom: 0px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.btn3s:hover .btnbg-x {
    width: 100%;
    left: 0px;
}

.btn3s span {
    position: relative;
    z-index: 1;
    color: white;
}

.anniu2 {
    float: left;
    margin: 0 20px;
    height: 60px;
}

.btn3s .btnbg-x {
    position: absolute;
    background: #0045AA;
    left: 50%;
    width: 0;
    top: 0px;
    bottom: 0px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.btn3s span {
    position: relative;
    z-index: 1;
}

.anniu {
    display: table;
    margin: auto;
    margin-top: 51px;
}

.pronav a {
    float: left;
    display: inline-block;
    margin: 10px;
    line-height: 35px;
    border: 2px solid #fff;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    padding: 0 1px 0 9px;
    background: url(../images/listico.png) no-repeat 20px center;
}

.pronav a:hover {
    background-color: #fff;
    color: #0045AA;
    background-image: url(../images/listico1.png);
}

.in4-sec {
    background: #fdf7f3;
}

.in4-sec .main {
    position: relative;
}

.in4-sec .pic {
    width: 50%;
    position: relative;
}

.in4-sec .pic img {
    display: block;
    width: 100%;
}

.yfarrows {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #0045AA;
    z-index: 2;
}

.yfarrows .swiper-pagination {
    position: static;
    font-size: 15px;
    color: #ffffff;
    opacity: .5;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    font-family: 'RUBIK-REGULAR-WEBFONT';
}

.yfarrows .swiper-button-next,
.yfarrows .swiper-button-prev {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 50px;
    height: 60px;
    margin-top: 0;
    -moz-background-size: 14px 22px;
    -webkit-background-size: 14px 22px;
    background-size: 14px 22px;
}

.yfarrows .swiper-button-next:hover,
.yfarrows .swiper-button-prev:hover {
    background-color: #0045AA
}

.in4-sec .tbox {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: url(../images/dian.png) no-repeat right center;
    display: flex;
    flex-direction: column;
}

.in4-sec .tbox .con1 {
    flex: 1;
}

.in4-sec .tbox .intitle {
    text-align: left;
    padding: 100px;
}

.in4-sec .tbox .intitle .tit:after {
    margin: 15px 0;
}

.in4-sec .con2 {
    flex: 1;
    margin-right: 100px;
    background: #fff;
}

.in4-sec .con2 .box {
    padding: 40px 100px;
    background: url(../images/in4bg.png) no-repeat 50px 80px;
}

.in4-sec .con2 .tit .en {
    font-size: 14px;
    color: #0045AA;
    font-family: 'RUBIK-REGULAR-WEBFONT';
    margin-left: -30px;
}

.in4-sec .con2 .tit .en:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #999999;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.in4-sec .con2 .tit .cn {
    font-size: 30px;
    color: #333333;
}

.in4-sec .con2 .desc {
    margin-top: 10px;
    font-size: 15px;
    line-height: 32px;
    font-weight: lighter;
}

.in4-sec .con2 .more {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    padding-right: 30px;
    background: url(../images/more3.png) no-repeat right center;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.in4-sec .con2 .more:hover {
    color: #0045AA;
    letter-spacing: 2px;
}

.in5-sec {
    padding: 90px 0;
    background-color: #0045AA;
    background-image: url(../images/in5bg.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    zoom: 1;
}

.in5-sec .main {
    margin-top: 60px;
}

.in5-sec .intitle {
    color: #fff;
}

.in5-sec .intitle .tit:after {
    display: none;
}

.in5-sec .main li {
    float: left;
    width: 33.33%;
    padding: 35px 20px;
    position: relative;
    margin-top: -2px;
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.in5-sec .main li:nth-child(1),
.in5-sec .main li:nth-child(2),
.in5-sec .main li:nth-child(3) {
    border-top: 0;
}

.in5-sec .main li:nth-child(3n+1) {
    border-left: 0
}

.in5-sec .main li:before,
.in5-sec .main li:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    left: -4.5px;
}

.in5-sec .main li:nth-child(3n+1):before,
.in5-sec .main li:nth-child(3n+1):after {
    display: none;
}

.in5-sec .main li:before {
    top: -5px;
}

.in5-sec .main li:after {
    bottom: -5px;
}

.in5-sec .main li img {
    position: absolute;
    left: 20px;
    top: 35px;
    width: 100px;
    display: block;
    border-radius: 50%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.in5-sec .main li img:hover {
    top: 40px;
    background: #0045AA;
}

.in5-sec .main li .tbox {
    padding-left: 150px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    height: 120px;
}

.in6-sec {
    padding: 100px 0;
    background: #f8f9f9 url(../images/in6bg.jpg) no-repeat left top;
    background-size: cover;
}

.in6-sec .main {
    margin-top: 60px;
}

.customerswiper .pic {
    display: block;
    line-height: 120px;
    height: 120px;
    width: 100%;
    border-radius: 10px;
    font-size: 0;
    background: #fff;
    text-align: center;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.customerswiper .pic img {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}

.customerswiper .pic:hover {
    background: rgba(224, 90, 21, .6);
}

.customerswiper .swiper-pagination {
    position: static;
    margin-top: 80px;
}

.customerswiper .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    background: #e2e2e2;
}

.customerswiper .swiper-pagination-bullet-active {
    background: #ef6b2e;
}

.in7-sec {
    padding: 90px 0;
    background: url(../images/in7bg.jpg) no-repeat left top;
}

.in7-sec .intitle {
    text-align: left;
}

.in7-sec .intitle .tit:after {
    display: none;
}

.newstab {
    float: right;
    margin-top: -30px;
}

.newstab a {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #410F07;
    margin-left: 30px;
    padding-left: 10px;
    font-weight: lighter;
}

.newstab a:hover {
    color: #0045AA;
    background: url(../images/newstabbg.png) no-repeat left center;
}

.in7-sec .main {
    margin-top: 40px;
}

.newslist1 li {
    float: left;
    width: 30.23%;
    margin-right: 4.655%;
}

.newslist1 li:nth-child(3n) {
    margin-right: 0;
}

.newslist1 li .pic {
    overflow: hidden;
    border-radius: 10px;
}

.newslist1 li .pic img {
    display: block;
    width: 100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.newslist1 li:hover .pic img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.newslist1 li .tbox {
    margin-top: 25px;
}

.newslist1 li .tbox .time {
    font-size: 18px;
    color: #0045AA;
    font-family: 'RUBIK-REGULAR-WEBFONT';
}

.newslist1 li .tbox .tit {
    font-size: 22px;
    color: #333333;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
}

.newslist1 li .tbox .desc {
    margin-top: 25px;
    font-size: 16px;
    color: #999999;
    line-height: 30px;
    height: 60px;
}

.newslist1 li .tbox .more {
    font-size: 14px;
    color: #0045AA;
    line-height: 30px;
}

.newslist1 li .tbox .btn {
    margin-top: 10px;
    text-align: left;
}

.newslist1 li .tbox .btn .ljgd {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 0 20px 0 0;
    background-position-x: right;
}

.newslist2 {
    margin-top: 30px;
}

.newslist2 li {
    float: left;
    width: 30.23%;
    margin-right: 4.655%;
    margin-bottom: 3px;
    background: rgba(234, 234, 234, .5);
}

.newslist2 li:hover {
    background: rgba(234, 234, 234, 1);
}

.newslist2 li:nth-child(3n) {
    margin-right: 0;
}

.newslist2 li a {
    position: relative;
    font-size: 16px;
    color: #333333;
    height: 45px;
    line-height: 45px;
    padding: 0 100px 0 25px;
    background: url(../images/newsicon.png) no-repeat 10px center;
}

.newslist2 li span {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 14px;
    color: #999999;
    font-family: 'RUBIK-REGULAR-WEBFONT';
}


/*
 
 * 
 * 
 * 
 * */

.nybanner .pronav {
    margin-top: 30px;
    text-align: center;
}

.nybanner .pronav a {
    float: none;
}

.news-sec {
    background: #fff;
    padding: 60px 0;
}

.news-sec .main li {
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    border: 2px solid #fceee7;
    border-radius: 2px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-sec .main li a {
    display: block;
    padding: 20px 0;
}

.news-sec .main li .time {
    float: left;
    width: 110px;
    text-align: center;
    color: #666666;
    font-size: 18px;
    font-family: 'RUBIK-REGULAR-WEBFONT';
    border-right: 2px solid #fceee7;
}

.news-sec .main li .time span {
    font-size: 60px;
    display: block;
    line-height: 55px;
}

.news-sec .main li .tbox {
    margin-left: 110px;
    margin-right: 40px;
    padding: 0 40px;
    background: url(../images/more1.png) no-repeat right center;
}

.news-sec .main li .tbox .tit {
    margin-top: 10px;
    font-size: 22px;
    line-height: 22px;
    height: 22px;
    color: #666666;
}

.news-sec .main li .tbox .desc {
    margin-top: 15px;
    font-size: 16px;
    color: #999999;
    line-height: 16px;
    height: 16px;
}

.news-sec .main li:hover {
    background: #0045AA;
}

.news-sec .main li:hover a {
    color: #fff;
}

.news-sec .main li:hover .tbox {
    background-image: url(../images/more.png);
}

.news-sec .main li:hover .time,
.news-sec .main li:hover .tbox .tit,
.news-sec .main li:hover .tbox .desc {
    color: #fff;
}


/*
 
 * 
 * 
 * 
 * */

.pages {
    padding: 50px 0;
    background: #fff;
    text-align: center;
}

.pages li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
}

.pages li a {
    display: block;
    font-size: 14px;
    color: #999999;
    background: #fff;
    border-radius: 50%;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

.pages li.btns a {
    width: 60px;
    border-radius: 5px;
    background: #fceee7;
}

.pages li:hover a,
.pages li.active a {
    background: #0045AA;
    color: #fff;
}


/*
 
 * 
 * 
 * 
 * */

.pronav2 {
    text-align: center;
}

.pronav2 li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 24px;
}

.pronav2 li .icon {
    width: 80px;
    height: 80px;
    line-height: 76px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.pronav2 li .icon img {
    vertical-align: middle;
    height: 35px;
}

.pronav2 li .t {
    margin-top: 15px;
    font-size: 22px;
    color: #fff;
}

.pronav2 li.active .icon,
.pronav2 li:hover .icon {
    background: #0045AA;
    border-color: #0045AA;
}

.proxq-sec {
    padding: 70px 0;
    background: #fdf7f3 url(../images/dian.png) no-repeat right top;
}

.proxq-sec .pronav {
    margin-top: -122px;
    padding: 20px 10px;
    background: #fff;
    box-shadow: 0px 2px 8px rgba(65, 15, 7, .15);
    z-index: 2;
    position: relative;
}

.proxq-sec .pronav a {
    margin-left: 0.58%;
    margin-right: 0.58%;
    width: 13.12%;
    background-color: #fff;
    color: #0045AA;
    border-color: #FCEEE7;
    background-image: url(../images/listico1.png);
}

.proxq-sec .pronav a:hover {
    border-color: #0045AA;
}

.pronav a.active {
    color: #fff;
    border-color: #0045AA;
    background-color: #0045AA;
    background-image: url(../images/listico.png);
}

.proxq-sec .in4-sec {
    margin-top: 55px;
}

.proxq-sec .in4-sec .con2 {
    margin-right: 0;
}

.proxq-sec .btn {
    margin-top: 50px;
    text-align: left;
}

.proxq-sec .newslist1 li {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 50px;
}

.proxq-sec .newslist1 .tbox {
    padding: 20px 30px;
    margin-top: 0;
}

.proxq-sec .newslist1 li .tbox .tit {
    color: #0045AA;
}

.proxq-sec .newslist1 li .tbox .desc2 {
    margin-top: 25px;
    font-size: 16px;
    color: #666;
    height: 109px
}

.proxq-sec .newslist1 li .tbox .info {
    padding-left: 20px;
    background: url(../images/more2.png) no-repeat left center;
    background-size: 6px 10px;
    line-height: 36px;
}

.proxq-sec .newslist1 li .tbox .info+.info {
    border-top: 1px solid #0045AA;
}

.fw-sec {
    padding: 75px 0;
    background: #fff;
}

.fw-sec .main {}

.fw-sec .pic {
    float: left;
    width: 62%;
}

.fw-sec .pic img {
    width: 100%;
    display: block;
}

.fw-sec .tbox {
    float: left;
    max-width: 35%;
    margin-left: 3%;
    margin-top: 100px;
}

.fw-sec .intitle {
    text-align: left;
}

.fw-sec .intitle .tit:after {
    margin: 15px 0;
}

.fw-sec .con {
    margin-top: 35px;
    display: inline-block;
    position: relative;
    padding: 45px 200px 45px 40px;
    background: #fdf7f3;
    border-radius: 10px;
}

.fw-sec .con img {
    position: absolute;
    right: 0;
    bottom: -60px;
}

.fw-sec .con .tit {
    font-weight: bold;
    font-size: 22px;
    color: #0045AA;
}

.fw-sec .con .desc {
    margin-top: 10px;
    font-size: 18px;
    color: #333333;
}

.xg-sec {
    padding: 100px 0;
    background: url(../images/xgbg.jpg) no-repeat left top;
    background-size: cover;
}

.xg-sec .box {
    float: left;
    background: #fff;
    width: 48.8%;
    padding: 35px 30px;
    border-radius: 10px;
}

.xg-sec .box+.box {
    margin-left: 2.4%;
}

.xg-sec .box .title {
    text-align: center;
}

.xg-sec .box .title .en {
    font-size: 14px;
    color: #0045AA;
    font-family: 'RUBIK-REGULAR-WEBFONT';
    text-transform: uppercase;
}

.xg-sec .box .title .cn {
    font-size: 30px;
    color: #333333;
    font-weight: lighter;
}

.xg-sec .box ul {
    margin-top: 25px;
}

.xg-sec .newslist1 li .tbox {
    margin-top: 15px;
    font-size: 16px;
    color: #333333;
    text-align: center;
}

.xg-sec .newslist2 li {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 19.8px;
}


/*
 
 * 
 * */

.layui-layer .video {
    display: block;
}

.layui-layer-page .layui-layer-content {
    overflow: hidden!important;
}


/*
 
 * 
 * */

.nybanner .ad {
    margin-top: 60px;
    display: inline-block;
    cursor: pointer;
}

.nybanner .ad .play {
    width: 87px;
    height: 87px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 10px solid rgba(255, 255, 255, .1);
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.nybanner .ad:hover .play {
    border-width: 15px
}

.nybanner .ad .play img {
    width: 100%;
    display: block;
}

.nybanner .ad .t {
    font-size: 24px;
    margin-top: 15px;
    color: #fff;
}

.nybanner .num-con {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    background: #0045AA;
}

.nybanner .num-con li {
    text-align: left;
    padding: 0 25px;
    font-size: 14px;
    color: #fff;
    height: 160px;
}

.nybanner .num-con li .icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-bottom: -30px;
    margin-top: 15px;
}

.nybanner .num-con li .desc {
    display: inline-block;
    margin-top: 30px;
    color: #fff;
    margin-left: -20px;
}

.nybanner .num-con li span {
    border-radius: 50%;
    background: #fff;
    color: #0045AA;
    display: inline-block;
    width: 18px;
    line-height: 18px;
    height: 18px;
    text-align: center;
}

.nybanner .num-con li strong {
    font-size: 55px;
}

.nybanner .num-con li .num {
    display: inline-block;
    color: #fff;
}

.ab1-sec {
    padding: 75px 0;
    background: url(../images/ab1bg.jpg) no-repeat left top;
    background-size: cover;
}

.ab1-sec .pic {
    float: left;
    width: 47.67%;
    position: relative;
}

.ab1-sec .pic:after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    height: 360px;
    width: 96%;
    background: #0045AA;
    opacity: .1;
}

.ab1-sec .pic img {
    display: block;
    width: 100%;
}

.abarrows {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 2;
}

.abarrows .swiper-button-next,
.abarrows .swiper-button-prev {
    width: 60px;
    height: 60px;
    margin-top: 0;
    position: static;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/more1.png) no-repeat center;
    background-size: 9px 14px;
}

.abarrows .swiper-button-prev {
    transform: rotate(180deg);
}

.abarrows .swiper-button-next:hover,
.abarrows .swiper-button-prev:hover {
    background-image: url(../images/more2.png);
}

.ab1-sec .tbox {
    float: right;
    width: 47.96%;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.ab2-sec {
    position: relative;
    padding: 90px 0;
}

.ab2-sec .go {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ab2-sec .go img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
}

.ab2-sec .box {
    float: left;
    position: relative;
    border-radius: 16px 83px 16px 83px;
    overflow: hidden;
}

.ab2-sec .box.md {
    border-radius: 30px;
    width: 48.83%;
    margin-top: 40px;
}

.ab2-sec .box.md+.md {
    margin-left: 2.34%;
}

.ab2-sec .box>img {
    display: block;
    width: 100%;
}

.ab2-sec .box .tbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    width: 35.4%;
}

.ab2-sec .box.md .tbox {
    width: 50%;
    left: 50%;
    text-align: left;
    font-size: 24px;
}

.ab2-sec .box .icon {
    display: block;
    margin: 0 auto;
}

.ab2-sec .box.md .icon {
    margin: 0;
}

.ab2-sec .box .tit {
    margin-top: 20px;
}

.ab2-sec .box.md .tit {
    color: #333333;
}

.ab2-sec .box.md .desc {
    margin-top: 10px;
    color: #0045AA;
}

.ab2-sec .box .desc strong {
    font-size: 40px;
    margin-bottom: 20px;
}

.ab3-sec {
    padding: 75px 0;
    background-image: url(../images/ab3bg.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    zoom: 1;
}

.ab3-sec .intitle {
    color: #fff;
}

.ab3-sec .main {
    margin-top: 50px;
    position: relative;
}

.ab3-sec .main:after {
    content: "";
    position: absolute;
    left: -110px;
    right: -110px;
    top: 124px;
    height: 1px;
    background: #0045AA;
    z-index: 2;
}

.historyswiper {
    z-index: 3;
}

.historyswiper:hover {
    z-index: 1;
}

.historyswiper .tbox {
    border-radius: 10px;
    padding: 40px 20px;
}

.historyswiper .icon {
    position: relative;
}

.historyswiper .icon img {
    display: block;
    height: 44px;
}

.historyarrows {
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -7px;
    display: none;
}

.historyarrows .arrow-left,
.historyarrows .arrow-right {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    width: 9px;
    height: 14px;
    background: url(../images/more1.png) no-repeat center;
    background-size: 9px 14px;
}

.historyarrows .arrow-left:hover,
.historyarrows .arrow-right:hover {
    background-image: url(../images/more2.png);
}

.historyarrows .arrow-left {
    transform: rotate(180deg);
}

.historyswiper .year {
    margin-top: 35px;
    padding-top: 35px;
    background: url(../images/his2yuan.png) no-repeat left top;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    font-family: "DIN-MEDIUM";
}

.historyswiper .desc {
    font-size: 16px;
    color: #999999;
    line-height: 30px;
}

.historyswiper .tbox:hover,
.historyswiper .active-nav .tbox {
    background: #fff;
}

.historyswiper .tbox:hover .year,
.historyswiper .active-nav .year {
    color: #410f07;
    background-image: url(../images/his2yuan0.png);
}

.historyswiper .tbox:hover .historyarrows,
.historyswiper .active-nav .historyarrows {
    display: block;
}

.historyswiper .tbox:hover .desc,
.historyswiper .active-nav .desc {
    color: #333333;
}

.ab4-sec {
    padding: 80px 0;
}

.ab4-sec .main {
    margin-top: 60px;
}

.honorswiper {}

.honorbg {
    background: url(../images/honorbg.jpg) no-repeat left bottom;
    padding: 0 50px;
}

.honorswiper .swiper-slide {
    width: auto;
}

.honorswiper .pic {
    display: inline-block;
    border: 10px solid #f5f5f5;
    margin-bottom: 80px;
    box-shadow: 0px 26px 26px rgba(224, 90, 21, .1);
}

.honorswiper .pic img {
    display: block;
    width: 100%;
}

.honorswiper .swiper-pagination {
    position: static;
    margin-top: 50px;
}

.honorswiper .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    background: #e2e2e2;
    margin: 0 5px;
}

.honorswiper .swiper-pagination-bullet-active {
    background: #ef6b2e;
}


/*
 
 * 
 * */

.in7-sec .tags {
    margin-top: 25px;
}

.in7-sec .tags span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #999999;
    line-height: 35px;
    padding: 0 10px;
    margin-right: 10px;
    background: rgba(224, 90, 21, .1);
}


/*
 
 * 
 * */

.qu1-sec {
    padding: 80px 0;
    background: #fdf7f3 url(../images/dian.png) no-repeat left bottom;
}

.qu1-sec .main {
    margin-top: 50px;
}

.qu1-sec li {
    float: left;
    width: 31.97%;
    margin-right: 2.045%;
    position: relative;
}

.qu1-sec li:nth-child(3n) {
    margin-right: 0;
}

.qu1-sec li .pic img {
    display: block;
    width: 100%;
}

.qu1-sec li .pic img {
    display: block;
    width: 100%;
}

.qu1-sec li .tbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 35px 30px;
    text-align: center;
}

.qu1-sec li .num {
    display: inline-block;
    font-size: 30px;
    color: #0045AA;
    width: 65px;
    line-height: 55px;
    font-family: 'RUBIK-REGULAR-WEBFONT';
    font-weight: bold;
    background: url(../images/in4bg.png) center;
}

.qu1-sec li .tit {
    margin-top: 10px;
    font-size: 30px;
    color: #333333;
}

.qu1-sec li .tit:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #999999;
    margin: 15px auto 0;
}

.qu1-sec li .desc {
    margin-top: 35px;
    font-size: 16px;
    color: #666666;
    line-height: 24px;
}

.team-sec {
    padding: 80px 0;
    background: #fff;
}

.team-sec .main {
    margin-top: 55px;
}

.teamtabs {
    text-align: center;
}

.teamtabs ul {
    display: inline-block;
    border-radius: 50px;
    background: #fdf7f3;
}

.teamtabs li {
    display: inline-block;
    line-height: 80px;
    font-size: 40px;
    color: #410f07;
    padding: 0 50px;
    position: relative;
    border-radius: 50px 0 0 50px;
    cursor: pointer;
}

.teamtabs li+li {
    border-radius: 0 50px 50px 0;
}

.teamtabs li.active {
    background: #0045AA;
    color: #fff;
}

.teamtabs li.active:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: 15px;
    width: 31px;
    height: 20px;
    background: url(../images/jiao.png) no-repeat center bottom;
}

.teambody .pic {
    position: relative;
}

.teambody .pic img {
    display: block;
    width: 100%;
}

.teambody .tbox {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    padding-top: 125px;
    background: url(../images/black.png) no-repeat left bottom;
}

.teambody .swiper-pagination {
    position: static;
    margin-top: 50px;
}

.teambody .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    background: #e2e2e2;
    margin: 0 5px;
}

.teambody .swiper-pagination-bullet-active {
    background: #ef6b2e;
}


/*
 
 * 
 * 
 * 
 * */

.ct-sec1 {
    padding: 50px 0 0;
    background: #fff url(../images/dian.png) no-repeat left bottom;
}

.form {
    float: left;
    width: 50%;
}

.form {
    padding: 0 60px;
}

.form li {
    position: relative;
    padding-left: 120px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    line-height: 50px;
}

.form li.md {
    width: 31.8%;
    margin-right: 2.3%;
}

.form li.md:nth-child(3n) {
    margin-right: 0;
}

.form li label {
    position: absolute;
    left: 0;
    top: 0;
}

.form li .lable {
    color: #666666;
    width: 120px;
    font-size: 18px;
}

.form li span {
    color: #0045AA;
}

.formselect {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 44px;
    border-radius: 6px;
    border: 1px solid #e3e7eb;
    padding: 0 20px;
    font-size: 15px;
    box-shadow: 0px 3px 8px rgba(254, 228, 214, .7) inset;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 40px;
    background: url(../images/seldown.png) no-repeat 97% center;
}

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

.formtext {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    padding: 0 10px;
    font-size: 15px;
    box-shadow: 0px 3px 8px rgba(254, 228, 214, .7) inset;
}

.formtextarea {
    display: block;
    width: 100%;
    height: 160px;
    line-height: 48px;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    padding: 0 10px;
    font-size: 15px;
    box-shadow: 0px 3px 8px rgba(254, 228, 214, .7) inset;
}

.formtext:focus,
.formtextarea:focus {
    border-color: #0045AA;
}

.yzm {
    font-size: 0;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.yzm img {
    width: 120px;
    height: 50px;
    vertical-align: top;
}

.yzm span {
    font-size: 14px;
    margin-left: 10px;
}

.form .btn {
    margin-top: 0;
    float: right;
}

.ct-sec1 .tbox {
    float: right;
    width: 50%;
    margin-top: -110px;
    background: #0045AA url(../images/ctbg.png) no-repeat right bottom;
    color: #fff;
    position: relative;
    z-index: 2;
}

.ct-sec1 .tbox .box {
    padding: 45px 60px;
    background: url(../images/ctbg2.png) no-repeat 20px 70px;
}

.ct-sec1 .tbox .tit .en {
    font-size: 14px;
    font-family: 'RUBIK-REGULAR-WEBFONT';
    margin-left: -30px;
    text-transform: uppercase;
}

.ct-sec1 .tbox .tit .en:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.ct-sec1 .tbox .tit .cn {
    font-size: 30px;
}

.ct-sec1 .tbox .desc {
    margin-top: 15px;
    font-size: 23px;
    color: #fbb490;
    line-height: 40px;
    font-weight: lighter;
}

.ct-sec1 .tbox .box ul {
    margin-top: 35px;
    padding-top: 40px;
    border-top: 2px solid rgba(245, 245, 245, .2);
    padding-right: 175px;
    position: relative;
}

.ct-sec1 .tbox .box li {
    float: left;
    margin-top: 25px;
}

.ct-sec1 .tbox .box li.md {
    width: 50%;
    margin-top: 0;
}

.ct-sec1 .tbox .box li img {
    display: inline-block;
    vertical-align: middle;
    margin: 7px 0;
}

.ct-sec1 .tbox .box li span {
    display: inline-block;
    vertical-align: middle;
}

.ct-sec1 .tbox .box .ewm {
    width: 135px;
    position: absolute;
    right: 0;
    top: 40px;
}

.ct-sec1 .tbox .box .ewm img {
    display: block;
    width: 100%;
    border-radius: 5px;
}

.ct-sec1 .tbox .box .ewm .t {
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    padding-left: 50px;
    background: url(../images/ewmicon.png) no-repeat left center;
}

.ct-sec1 .tbox .box .ewm .zxzx {
    margin-top: 40px;
    font-size: 16px;
    color: #0045AA;
    display: block;
    width: 136px;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    padding-left: 50px;
    background: #fff url(../images/zx.png) no-repeat 10px center;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ct-sec1 .tbox .box .ewm .zxzx:hover {
    background-position-x: 15px;
}

.ct-sec2 img {
    display: block;
    width: 100%;
}


/*
 
 * 
 * */

.newsxq-sec {
    padding: 70px 0;
    background: #fceee7;
}

.newsxq-sec .leftlayout {
    float: left;
    width: 65%;
}

.newsxq-sec .rightlayout {
    float: right;
    width: 30.23%;
}

.newsxq-sec .details {
    padding: 55px;
    background: #fff;
}

.details .title {
    font-size: 30px;
    text-align: center;
}

.details .time {
    margin-top: 20px;
    font-size: 14px;
    color: #999999;
    text-align: center;
    border-bottom: 2px solid #fceee7;
    padding-bottom: 20px;
    position: relative;
}

.details .time:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 3px;
    background: #0045AA;
}

.details .time img,
.details .time span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.details .con {
    line-height: 30px;
    font-size: 16px;
    color: #666666;
    padding: 35px 0;
}

.details .con img {
    max-width: 100%;
}

.tags .tit {
    padding-left: 40px;
    font-size: 14px;
    color: #1e2129;
    background: url(../images/label_fill.png) no-repeat left center;
}

.ktags .list {
    margin-top: 15px;
}

.ktags .list a {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 12px;
    color: #999999;
    padding: 0 10px;
    line-height: 30px;
    border: 2px solid #fceee7;
}

.ktags .list a:hover {
    border-color: #0045AA;
    color: #0045AA;
}

.newspage {
    padding: 25px 0;
    border-top: 1px solid #e6eaf0;
    border-bottom: 1px solid #e6eaf0;
    position: relative;
}

.newspage .newspage_a {
    float: left;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 45%;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    color: #1e2129;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.newspage .prev {
    padding-left: 40px;
    background: url(../images/newspage_prev.png) no-repeat left center;
}

.newspage .next {
    float: right;
    padding-right: 40px;
    background: url(../images/newspage_next.png) no-repeat right center;
}

.newspage a:hover {
    color: #0045AA;
}

.tags {
    margin-top: 20px;
}

.tags .ktags {
    float: left;
    width: 60%;
}

.tags .tit {
    padding-left: 40px;
    font-size: 14px;
    color: #1e2129;
    background: url(../images/label_fill.png) no-repeat left center;
}

.newsxq-sec .rightlayout .box {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.newsxq-sec .rightlayout .box .title {
    background: url(../images/xgpro.jpg) no-repeat right center;
    line-height: 81px;
    font-size: 22px;
    color: #fff;
    padding: 0 20px;
}

.xgpros .pic img {
    display: block;
    width: 100%;
    border-radius: 10px;
}

.xgpros .tbox {
    margin-top: 20px;
    font-size: 16px;
    color: #333333;
    width: 60%;
}

.xgpros .swiper-pagination {
    width: auto;
    left: auto;
    right: 0;
    bottom: 0;
}

.xgpros .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    background: #e2e2e2;
}

.xgpros .swiper-pagination-bullet-active {
    background: #ef6b2e;
}

.newsxq-sec .rightlayout .box .newslist2 li {
    float: none;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
}

.newsxq-sec .rightlayout .box .newslist1,
.newsxq-sec .rightlayout .box .newslist2 {
    padding: 20px;
    margin-top: 0;
}

.details .btns {
    float: right;
}

.details .btns .back {
    display: inline-block;
    font-size: 14px;
    color: #1e2129;
    width: 120px;
    height: 40px;
    line-height: 38px;
    border-radius: 4px;
    border: 1px solid #0045AA;
    padding: 0 40px 0 20px;
    background: url(../images/back.png) no-repeat 90% center;
}

.details .btns .back:hover {
    color: #0045AA;
}

.details .btns .bshare-custom {
    display: inline-block;
    float: none;
    font-size: 14px;
    height: 40px;
    line-height: 40px!important;
    border-radius: 4px;
    background: #fceee7 url(../images/share_fill.png) no-repeat 90% center;
}

.details .btns .bshare-custom .bshare-more.more-style-addthis {
    background: none;
    display: block;
    margin: 0!important;
    height: 100%;
    padding: 0 40px 0 20px!important;
    color: #0045AA!important;
}


/*
 
 * 
 * */

.job-sec {
    padding: 60px 0;
}

.dwlist {
    margin-top: 40px;
}

.dwlist li {
    margin-bottom: 10px;
    background: #fff;
    padding: 25px;
    border: 2px solid #fceee7;
}

.dwlist li.active {
    background: #fceee7;
}

.dwlist li .name {
    padding-right: 50px;
    font-size: 18px;
    color: #1e2129;
    background: url(../images/jobarrow.png) no-repeat right center;
}

.dwlist li.active .name {
    font-weight: bold;
    background-image: url(../images/jobarrow2.png);
}

.dwlist li .name span {
    font-size: 16px;
    color: #4662ff;
    font-family: 'DIN-MEDIUM';
    font-weight: bold;
    margin-right: 10px;
}

.dwlist li .desc {
    margin-top: 25px;
    line-height: 30px;
    color: #7e848e;
}

.dwlist li .btn {
    margin-top: 30px;
    text-align: right;
}

.dwlist li .btn a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    min-width: 130px;
    padding: 0 50px 0 25px;
    background: #0045AA url(../images/dw.png) no-repeat 80% center;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dwlist li .btn a:hover {
    background-position-x: 88%;
}

.dwlist li .overflow {
    display: none;
}

.dwlist li.active .overflow {
    display: block;
}


/*
 
 * 
 * */


/*
 
 * 
 * 
 * 
 * 
 * */


/*
 
 * 
 * */

.sitemap_sec {
    padding: 30px 0;
}

.map_main {
    overflow: hidden;
    border: solid 5px #F0F0F0;
    margin: 25px 0 0;
    padding: 0 35px;
    padding-bottom: 10px;
    background: #fff;
}

.sitemap_con {
    margin: 0 auto;
    color: #666;
    font-size: 14px;
}

.sitemap_con .map_top {
    border-bottom: solid 1px #d7d7d7;
}

.sitemap_con .map_top img {
    float: left;
}

.site_r_link {
    width: 120px;
    margin-top: 45px;
    border: 1px solid #cdcdcd;
    background: #F8F8F8;
    padding: 5px 10px;
    float: right;
}

.site_plc {
    padding: 5px 0;
}

.sitemap_con h4 {
    line-height: 30px;
    font-size: 14px;
}

.sitemap_con h4 a {
    color: #0045AA;
}

.b4 {
    border: solid 1px #E0E0E0;
}

.b4 ul {
    padding: 0 11px;
}

.b4 li {
    float: left;
    line-height: 25px;
    width: 164px;
    overflow: hidden;
}

.b4 li a:hover {
    color: #0045AA;
}


/*
 
 * 
 * */


/*
 
 * 响应式
 * */

@media only screen and (max-width:1800px) {
    .w {
        width: 1600px;
    }
    body {
        font-size: 15px;
    }
    .in4-sec .tbox .intitle {
        padding: 75px;
    }
    .in4-sec .con2 .box {
        padding: 40px 75px;
    }
    .nybanner .num-con li strong {
        font-size: 50px;
    }
    .tel {
        margin-left: 0;
    }
    .details .title {
        font-size: 26px;
    }
    .proxq-sec .pronav {
        margin-top: 0;
    }
    .qu1-sec li .tit {
        font-size: 24px;
    }
    .xg-sec .newslist2 li {
        margin-bottom: 15.8px;
    }
}

@media only screen and (max-width:1680px) {
    .w {
        width: 1440px;
    }
    .intitle .tit {
        font-size: 35px;
    }
    .intitle .desc {
        font-size: 20px;
    }
    .num-con li strong {
        font-size: 50px;
    }
    .in2-sec .intitle {
        margin-top: 80px;
    }
    .in3-sec .main .tit {
        font-size: 26px;
    }
    .in4-sec .con2 .desc {
        font-size: 20px;
        line-height: 36px;
    }
    .in5-sec .main li .tbox {
        padding-left: 130px;
    }
    .newslist1 li .tbox .desc {
        font-size: 15px;
    }
    .newslist1 li .tbox .tit {
        font-size: 20px;
    }
    .newslist2 li a,
    .newslist1 li .tbox .time {
        font-size: 15px;
    }
    .footmain .leftbox,
    .footmain .centerbox,
    .footmain .rightbox {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .head-main .nav>ul>li {
        margin-right: 19px;
    }
    .nybanner .num-con li strong {
        font-size: 40px;
    }
    .nybanner .num-con li .desc {
        margin-top: 20px;
    }
    .ab1-sec .tbox {
        font-size: 15px;
        line-height: 25px;
    }
    .ab2-sec .box.md .tbox {
        width: 60%;
        left: 40%;
        font-size: 20px;
    }
    .ab2-sec .box .desc strong {
        font-size: 30px;
    }
    .historyswiper .year {
        font-size: 35px;
    }
    .nybanner .num-con li .desc {
        display: block;
        margin-top: 5px;
        margin-left: 0;
    }
    .details .title {
        font-size: 24px;
    }
    .teamtabs li {
        font-size: 35px;
    }
    .qu1-sec li .tit {
        font-size: 22px;
    }
    .qu1-sec li .num {
        font-size: 25px;
    }
    .xg-sec .newslist2 li {
        margin-bottom: 10.5px;
    }
}

@media only screen and (max-width:1600px) {
    .w {
        width: 1280px;
    }
    .head-main .nav>ul>li {
        margin-right: -2px;
    }
    .intitle .tit {
        font-size: 32px;
    }
    .tboxswiper .box .year {
        font-size: 30px;
    }
    .pronav a {
        font-size: 14px;
        padding: 0 40px;
        background-position-x: 10px;
    }
    .in3-sec .main li .btn {
        margin-top: 20px;
    }
    .in3-sec .main .icon img {
        height: 70px;
    }
    .in4-sec .con2 .tit .cn {
        font-size: 24px;
    }
    .in4-sec .con2 .desc {
        font-size: 16px;
    }
    .newstab a {
        font-size: 22px;
    }
    .nybanner .ad {
        margin-top: 30px;
    }
    .ab2-sec .box.md .tbox {
        font-size: 18px;
    }
    .historyswiper .year {
        font-size: 30px;
    }
    .head-main .nav>ul>li>a {
        font-size: 15px;
    }
    .head-main .w {
        width: 100%;
        padding: 0 100px;
    }
    .ct-sec1 .tbox .box li span {
        max-width: 65%;
    }
    .ct-sec1 .tbox .box ul {
        margin-top: 25px;
        padding-top: 30px;
    }
    .ct-sec1 .tbox .tit .cn {
        font-size: 27px;
    }
    .ct-sec1 .tbox .desc {
        margin-top: 15px;
        font-size: 20px;
        line-height: 30px;
    }
    .news-sec .main li .tbox .tit {
        font-size: 20px;
    }
    .details .title {
        font-size: 22px;
    }
    .newsxq-sec .rightlayout .box .title {
        line-height: 52px;
        font-size: 18px;
    }
    .details .con {
        font-size: 15px;
    }
    .pronav2 li .t {
        font-size: 18px;
    }
    .pronav2 li .icon {
        width: 60px;
        height: 60px;
        line-height: 56px;
    }
    .pronav2 li .icon img {
        height: 27px;
    }
    .proxq-sec .newslist1 li .tbox .desc2 {
        margin-top: 15px;
        font-size: 15px;
    }
    .teamtabs li {
        font-size: 32px;
    }
    .qu1-sec li .desc {
        margin-top: 20px;
        font-size: 15px;
    }
    .qu1-sec li .tit:after {
        margin: 10px auto 0;
    }
    .qu1-sec li .tit {
        font-size: 20px;
        line-height: 24px;
    }
    .xg-sec .newslist2 li {
        margin-bottom: 5.3px;
    }
}

@media only screen and (max-width:1540px) {
    .head-main .w {
        width: 1280px;
        padding: 0;
    }
    .head-main .logot img {
        height: 20px;
    }
    .tel {
        font-size: 16px;
    }
    .in4-sec .tbox .intitle {
        padding: 40px 75px;
    }
}

@media only screen and (max-width:1300px) {
    .w {
        width: 1100px;
    }
    .drop-down ol a {
        font-size: 12px;
        line-height: 18px;
    }
    .head-main .nav>ul>li>a {
        font-size: 10px;
    }
    .head-main .nav>ul>li {
        margin-right: 10px;
    }
    .right-side-box li {
        margin-left: 10px;
    }
    .head-main .logo img {
        height: 52px;
    }
    .tboxswiper .box .desc {
        font-size: 15px;
    }
    .history .swiper-pagination-bullet {
        width: 30px;
        height: 30px;
    }
    .history .swiper-pagination {
        left: -15px;
    }
    .in2-sec .intitle {
        margin-top: 55px;
    }
    .in2-sec .main .t {
        font-size: 20px;
    }
    .pronav a {
        padding: 0 30px;
    }
    .in3-sec .main .tit {
        font-size: 20px;
    }
    .in3-sec .main .icon,
    .in3-sec .main .icon img {
        height: 40px;
    }
    .in3-sec .main .pronav {
        margin-top: 10px;
    }
    .in4-sec .tbox .intitle {
        padding: 20px 40px;
    }
    .in4-sec .con2 .box {
        padding: 40px;
    }
    .in5-sec .main li img {
        width: 65px;
    }
    .in5-sec .main li .tbox {
        padding-left: 90px;
        font-size: 15px;
    }
    .customerswiper .pic {
        display: block;
        line-height: 90px;
        height: 90px;
    }
    .footmain .leftbox img {
        max-width: 80%;
    }
    .ftTop {
        margin: 0 20px;
        font-size: 14px;
    }
    .fnav a {
        font-size: 16px;
    }
    .footmain .ewm .tbox {
        font-size: 12px;
    }
    .footmain .rightbox p {
        font-size: 14px;
    }
    .head-main .w {
        width: 1100px;
    }
    .head-main .logo img {
        height: 20px;
    }
    .head-main .logot img {
        height: 15px;
    }
    .tel {
        font-size: 15px;
    }
    .nybanner .ad {
        margin-top: 10px;
    }
    .nybanner .ad .play {
        width: 57px;
        height: 57px;
        border-width: 5px;
    }
    .nybanner .ad .t {
        font-size: 18px;
    }
    .nybanner .num-con li {
        height: 125px;
    }
    .nybanner .num-con li .icon {
        margin-bottom: -55px;
    }
    .ab2-sec .box .desc strong {
        font-size: 22px;
    }
    .ab2-sec .box .icon {
        width: 57px;
    }
    .historyswiper .desc {
        font-size: 15px;
    }
    .ct-sec1 .tbox .box ul {
        padding-right: 0;
    }
    .ct-sec1 .tbox .box .ewm {
        float: left;
        width: 100%;
        position: static;
        margin-top: 30px;
        overflow: hidden;
    }
    .ct-sec1 .tbox .box .ewm img {
        float: left;
        width: 135px;
    }
    .ct-sec1 .tbox .box .ewm .t {
        float: left;
        margin-left: 10px;
    }
    .ct-sec1 .tbox .box .ewm .zxzx {
        float: right;
        margin-top: 15px;
    }
    .fw-sec .tbox {
        margin-top: 0;
    }
    .xg-sec .newslist2 li {
        margin-bottom: 1px;
    }
    .xg-sec .newslist1 li .tbox {
        margin-top: 20px;
    }
}

@media only screen and (max-width:1280px) {}

@media only screen and (max-width:1200px) {
    .w {
        width: 1024px;
    }
    header {
        display: none;
    }
    .phone_head {
        display: block
    }
    .h {
        height: 50px;
        display: block!important;
    }
    .bannerswiper .swiper-pagination {
        bottom: 25px;
    }
    .num-con li strong {
        font-size: 38px;
    }
    .in2-sec .main .tbox {
        width: 100%;
    }
    .in2-sec .intitle {
        margin: 55px 0;
    }
    .in2-sec .main .pic {
        width: 100%;
    }
    .history .swiper-pagination {
        left: 0;
    }
    .in3-sec .main li:hover .icon {
        display: none;
    }
    .nybanner .num-con {
        position: static;
        width: 100%;
    }
    .nybanner .num-con li {
        height: 180px;
    }
    .nybanner .num-con li .icon {
        margin-bottom: -28px;
    }
    .ab2-sec .box.md {
        width: 100%;
        margin-top: 20px;
    }
    .ab2-sec .box.md+.md {
        margin-left: 0;
    }
    .nybanner .pronav {
        margin-top: 10px;
    }
    .in7-sec .tags span {
        font-size: 12px;
        line-height: 30px;
        padding: 0 5px;
        margin: 0 5px 5px 0;
    }
    .nybanner .pronav {
        margin-bottom: -112px;
        background: #fff;
        padding: 20px 10px;
        box-shadow: 0px 2px 8px rgb(65 15 7 / 15%);
        z-index: 2;
        position: relative;
    }
    .nybanner .pronav a {
        background-color: #fff;
        color: #0045AA;
        border-color: #FCEEE7;
        background-image: url(../images/listico1.png);
    }
    .nybanner .pronav a:hover {
        border-color: #0045AA;
    }
    .pronav a.active {
        color: #fff;
        border-color: #0045AA;
        background-color: #0045AA;
        background-image: url(../images/listico.png);
    }
    .qu1-sec li .desc {
        display: none;
    }
}

@media only screen and (max-width:1024px) {
    .w {
        width: 960px;
    }
    .go {
        display: none;
    }
    .pronav a {
        padding: 0 25px;
        background-position-x: 6px;
    }
    .in4-sec .tbox .con1 {
        display: none;
    }
    .nybanner .intitle {
        padding: 25px 0;
        background-size: auto 100%;
    }
    .form {
        padding: 0;
    }
    .form {
        width: 100%;
    }
    .ct-sec1 .tbox {
        width: 100%;
        margin: 30px 0;
    }
    .newsxq-sec .rightlayout,
    .newsxq-sec .leftlayout {
        width: 100%;
        margin-top: 30px;
    }
    .newsxq-sec .rightlayout .box .title {
        line-height: 67px;
        background-size: cover;
    }
    .pronav2 li .t {
        font-size: 16px;
    }
    .fw-sec .con {
        display: block;
        padding: 40px;
    }
    .fw-sec .con img {
        display: none;
    }
}

@media only screen and (max-width:960px) {
    .w {
        width: 100%;
        padding: 0 4%;
    }
    .in1-sec .intitle {
        padding: 0;
        background: none;
    }
    .intitle .tit {
        font-size: 28px;
    }
    .intitle .desc {
        font-size: 16px;
    }
    .in1-sec .main .tbox {
        font-size: 15px;
    }
    .in3-sec .main li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .in4-sec .pic {
        width: 100%;
    }
    .in4-sec .tbox {
        width: 100%;
        position: static;
    }
    .in4-sec .main {
        padding: 0 25px;
    }
    .in4-sec .con2 {
        margin-right: 0;
    }
    .in5-sec .main li {
        width: 50%;
    }
    .in5-sec .main li:nth-child(3) {
        border-top: 1px solid rgba(255, 255, 255, .2);
    }
    .in5-sec .main li:nth-child(3n+1) {
        border-left: 1px solid rgba(255, 255, 255, .2);
    }
    .in5-sec .main li:nth-child(2n+1) {
        border-left: 0
    }
    .in5-sec .main li:nth-child(3n+1):before,
    .in5-sec .main li:nth-child(3n+1):after {
        display: block;
    }
    .in5-sec .main li:nth-child(2n+1):before,
    .in5-sec .main li:nth-child(2n+1):after {
        display: none;
    }
    footer .bshare-custom {
        display: none;
    }
    .ftTop {
        background: none;
    }
    .proxq-sec .pronav a {
        width: 23.84%;
    }
    .pronav2 li .icon {
        width: 40px;
        height: 40px;
        line-height: 36px;
        font-size: 0;
        margin: 0 auto;
    }
    .pronav2 li .icon img {
        height: 17px;
    }
    .pronav2 li .t {
        margin-top: 5px;
        font-size: 14px;
    }
    .location-nav {
        display: none;
    }
    .fw-sec .tbox {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    .fw-sec .con .tit {
        font-size: 16px;
    }
    .qu1-sec .main {
        margin-top: 0;
    }
    .qu1-sec li {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }
    .qu1-sec li .desc {
        display: block;
    }
    .teamtabs li {
        font-size: 28px;
    }
    .newslist1 li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px;
    }
    .newslist1 li:nth-child(3n) {
        margin-right: 4%;
    }
    .newslist1 li:nth-child(2n) {
        margin-right: 0;
    }
    .xg-sec .box {
        width: 100%;
        padding: 20px;
    }
    .xg-sec .box+.box {
        margin-left: 0;
        margin-top: 30px;
    }
}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:640px) {
    .pages li {
        margin-bottom: 5px;
    }
    .pages li a {
        font-size: 14px;
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
    }
    .pages {
        padding: 30px 0;
    }
    .location-nav {
        display: none;
    }
    .bannerswiper .swiper-pagination {
        bottom: 5px;
    }
    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .intitle .tit {
        font-size: 22px;
    }
    .intitle .desc {
        font-size: 14px;
    }
    .in1-sec .main .tbox {
        font-size: 14px;
    }
    .num-con li {
        font-size: 12px;
    }
    .num-con li strong {
        font-size: 25px;
        line-height: 25px;
    }
    .in2-sec .intitle {
        margin: 30px 0;
    }
    .tboxswiper .box .year {
        font-size: 22px;
    }
    .tboxswiper .box .desc {
        font-size: 13px;
        margin-top: 10px;
    }
    .history .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
    }
    .history .swiper-pagination {
        height: 90%;
        width: 16px;
    }
    .tboxswiper .box {
        left: 25px;
    }
    .in2-sec .main .play {
        width: 47px;
        height: 47px;
    }
    .in2-sec .main .t {
        font-size: 16px;
    }
    .btn {
        margin-top: 25px;
    }
    .in4-sec .main {
        padding: 0 4%;
    }
    .in4-sec .con2 .tit .cn {
        font-size: 19px;
    }
    .in4-sec .con2 .desc {
        font-size: 14px;
        line-height: 24px;
    }
    .in5-sec .main {
        margin-top: 30px;
    }
    .in5-sec .main li {
        width: 100%;
        border: 0!important;
        padding: 0;
        margin-bottom: 20px;
    }
    .in5-sec .main li .tbox {
        padding-left: 90px;
        font-size: 14px;
        height: auto;
    }
    .in5-sec .main li:before,
    .in5-sec .main li:after {
        display: none!important;
    }
    .in5-sec .main li img {
        left: 0;
        top: 10px;
    }
    .in6-sec .main {
        margin-top: 20px;
    }
    .in7-sec .intitle {
        text-align: center;
    }
    .newstab {
        float: none;
        margin-top: 30px;
    }
    .newstab a {
        font-size: 16px;
        margin-left: 0;
    }
    .in7-sec .main {
        margin-top: 20px;
    }
    .newslist1 li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .newslist1 li .tbox .desc {
        margin-top: 5px;
        font-size: 14px;
    }
    .newslist1 li .tbox .tit {
        font-size: 16px;
    }
    .newslist2 li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .newslist2 li span {
        font-size: 12px;
    }
    .footmain .leftbox,
    .footmain .centerbox,
    .footmain .rightbox {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footbottom .rightbox,
    .footbottom .leftbox,
    .fnav,
    .footmain .leftbox {
        display: none;
    }
    footer .centerbox {
        padding: 0;
    }
    .footmain .ewm {
        width: 40%;
        margin: 0 30%;
    }
    .footmain .centerbox {
        width: 60%;
    }
    .footmain .rightbox {
        width: 40%;
    }
    .footbottom .centerbox {
        width: 100%;
        padding: 0 4%;
    }
    .footmain .rightbox img {
        margin: 18px auto;
    }
    /* .copyright {
    	padding: 5px 0;
    font-size: 12px;
    text-align: center;
    } */
    .ab2-sec .box .icon {
        width: 45px;
    }
    .nybanner .intitle {
        padding: 15px 0;
        background-size: auto 100%;
    }
    .ab1-sec .pic {
        width: 100%;
    }
    .ab1-sec .tbox {
        width: 100%;
        margin-top: 40px;
    }
    .nybanner .num-con li strong {
        font-size: 25px;
    }
    .nybanner .num-con li {
        padding: 0 10px;
        font-size: 12px;
        height: 120px;
        text-align: center;
    }
    .nybanner .num-con li .icon {
        margin-bottom: -46px;
    }
    .ab1-sec {
        background-position: left bottom;
        background-size: auto;
    }
    .nybanner .ad {
        display: none;
    }
    .nybanner .intitle .tit {
        font-size: 20px;
    }
    .ab1-sec .tbox {
        font-size: 14px;
    }
    .ab2-sec .box {
        background: #d56118;
    }
    .ab2-sec .box .tbox {
        position: static;
        top: 50%;
        transform: none;
        padding: 20px;
        width: 100%;
    }
    .ab2-sec .box.md {
        background: #fcede6;
    }
    .ab2-sec .box.md .tbox {
        width: 100%;
        left: 0;
        font-size: 16px;
        text-align: center;
    }
    .ab2-sec .box.md .icon {
        margin: 0 auto;
    }
    .ab2-sec .box .tit {
        margin-top: 10px;
    }
    .ab3-sec .main {
        margin-top: 20px;
    }
    .historyswiper .year {
        font-size: 24px;
    }
    .honorbg {
        padding: 0 20px;
    }
    .ab4-sec .main {
        margin-top: 20px;
    }
    .honorswiper .pic {
        margin-bottom: 15px;
    }
    .nybanner .pronav a {
        background-image: none;
        margin: 5px 0 5px 0;
        line-height: 30px;
        padding: 0 15px;
    }
    .nybanner .pronav {
        padding: 10px;
    }
    .in7-sec .tags {
        margin-top: 10px;
    }
    .nybanner+.in7-sec .main {
        margin-top: 80px;
    }
    .form li .lable {
        width: 85px;
        font-size: 14px;
    }
    .form li {
        padding-left: 85px;
        margin-bottom: 10px;
        line-height: 40px;
    }
    .formtext {
        height: 40px;
        line-height: 38px;
        font-size: 14px;
    }
    .formtextarea {
        line-height: 38px;
        font-size: 14px;
    }
    .yzm img {
        width: 90px;
        height: 40px;
    }
    .form .btn {
        margin-top: 20px;
        float: none;
    }
    .ct-sec1 .tbox .box {
        padding: 25px 20px;
    }
    .ct-sec1 .tbox .tit .cn {
        font-size: 22px;
    }
    .ct-sec1 .tbox .desc {
        font-size: 15px;
        line-height: 25px;
    }
    .ct-sec1 .tbox .box li.md {
        width: 100%;
        margin-top: 15px;
    }
    .ct-sec1 .tbox .box li {
        margin-top: 15px;
    }
    .dwlist {
        margin-top: 20px;
    }
    .dwlist li {
        padding: 15px;
    }
    .dwlist li .name {
        padding-right: 40px;
        font-size: 14px;
    }
    body {
        font-size: 14px;
    }
    .news-sec .main li .time {
        width: 70px;
        color: #666666;
        font-size: 12px;
    }
    .news-sec .main li .time span {
        font-size: 40px;
    }
    .news-sec .main li .tbox {
        margin-left: 60px;
        margin-right: 20px;
        padding: 0 20px;
    }
    .news-sec .main li .tbox .tit {
        font-size: 16px;
    }
    .news-sec .main li .tbox .desc {
        margin-top: 10px;
        font-size: 14px;
    }
    .newsxq-sec .details {
        padding: 25px;
    }
    .details .title {
        font-size: 20px;
    }
    .details .time {
        font-size: 12px;
    }
    .details .time img {
        display: none;
    }
    .details .time span {
        margin: 0;
    }
    .details .con {
        line-height: 26px;
        font-size: 14px;
        padding: 15px 0;
    }
    .ktags .list a {
        margin-bottom: 5px;
        margin-right: 5px;
        font-size: 12px;
        padding: 0 5px;
        line-height: 30px;
    }
    .tags .ktags {
        width: 100%;
    }
    .details .btns {
        display: none;
    }
    .xgpros .tbox {
        font-size: 14px;
    }
    .newsxq-sec {
        padding-bottom: 30px;
    }
    .fw-sec .pic {
        width: 100%;
    }
    .fw-sec .con {
        padding: 20px;
    }
    .fw-sec .con .desc {
        font-size: 14px;
    }
    .xg-sec .box {
        width: 100%;
        padding: 20px;
    }
    .pronav2 {
        margin-top: 30px;
        margin-bottom: -94px;
    }
    .proxq-sec .pronav {
        margin-top: 80px;
        padding: 10px;
        text-align: center;
    }
    .proxq-sec .pronav a {
        width: auto;
        background-image: none!important;
        margin: 5px 0 5px 0;
        line-height: 30px;
        padding: 0 10px;
        float: none;
    }
    .pronav2 li .t {
        color: #0045AA
    }
    .pronav2 li .icon,
    .pronav2 li .icon {
        background: #0045AA;
        border-color: #0045AA;
    }
    .pronav2 li.active .icon,
    .pronav2 li:hover .icon {
        background: #410f07;
        border-color: #421008;
    }
    .pronav2 li.active .t,
    .pronav2 li:hover .t {
        color: #410f07;
    }
    .proxq-sec .in4-sec {
        margin-top: 25px;
    }
    .proxq-sec .in4-sec .main {
        padding: 0;
    }
    .proxq-sec .btn {
        margin-top: 20px;
    }
    .proxq-sec .newslist1 li {
        margin-top: 0;
    }
    .proxq-sec .newslist1 li .tbox .desc2 {
        font-size: 14px;
    }
    .proxq-sec .newslist1 li .tbox .info {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 20px;
    }
    .xg-sec .box .title .cn {
        font-size: 22px;
    }
    .xg-sec .box+.box {
        margin-left: 0;
        margin-top: 30px;
    }
    .qu1-sec li .num {
        display: none;
    }
    .qu1-sec li .tit {
        margin-top: 0;
        font-size: 17px;
    }
    .qu1-sec li .desc {
        font-size: 14px;
    }
    .teamtabs li {
        font-size: 20px;
        line-height: 45px;
        padding: 0 20px;
    }
    .teamtabs li.active:after {
        display: none;
    }
    .teambody .tbox {
        padding: 15px 25px;
        font-size: 14px;
        text-align: center;
    }
    .teambody .swiper-pagination,
    .xgpros .swiper-pagination,
    .honorswiper .swiper-pagination,
    .customerswiper .swiper-pagination {
        margin-top: 20px;
    }
    .teambody .swiper-pagination-bullet,
    .xgpros .swiper-pagination-bullet,
    .honorswiper .swiper-pagination-bullet,
    .customerswiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .in4-sec,
    .team-sec,
    .ab4-sec,
    .qu1-sec,
    .proxq-sec,
    .xg-sec,
    .fw-sec,
    .news-sec,
    .job-sec,
    .ct-sec1,
    .ab4-sec,
    .ab3-sec,
    .ab2-sec,
    .ab1-sec,
    .in7-sec,
    .in6-sec,
    .in5-sec,
    .in4-sec,
    .in3-sec,
    .in1-sec {
        padding: 30px 0;
    }
}

@media only screen and (max-width:360px) {}

@media only screen and (max-width:320px) {}


/*
 
 * */

.noafter:after {
    display: none;
}


/*右边浮动*/

.side_float {
    width: 45px;
    position: fixed;
    right: 0;
    top: 55%;
    margin-top: -135px;
    z-index: 99
}

.side_float ul li.m {
    display: block;
    width: 45px;
    height: 45px;
    margin-bottom: 10px
}

.side_float ul li.m:last-child {
    margin-bottom: 0
}

.side_float ul li.m a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #0045AA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.side_float ul li.m a i.iconfont {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 0
}

.side_float ul li.m a i.iconfont img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}

.side_float ul li.m a:hover {
    background: #0045AA
}

.side_float ul li.m.tel {
    position: relative
}

.side_float ul li.m.tel a {
    width: 45px;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.side_float ul li.m.tel a p {
    display: block;
    width: 240px;
    height: 60px;
    position: relative
}

.side_float ul li.m.tel a p i.iconfont {
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.side_float ul li.m.tel a p span {
    display: block;
    font-size: 18px;
    color: #fff;
    width: 165px;
    position: absolute;
    left: 45px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.side_float ul li.m.tel a:hover {
    width: 210px;
    left: -165px
}

.side_float ul li.m.tel a:hover p span {
    opacity: 1;
    filter: alpha(opacity=100)
}

.side_float ul li.m.qr {
    position: relative
}

.side_float ul li.m.qr .qr_box {
    display: none;
    width: 250px;
    height: 200px;
    background: #fff;
    position: absolute;
    right: 90px;
    top: 50%;
    margin-top: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.2)
}

.side_float ul li.m.qr .qr_box .inner {
    width: 100%;
    height: 100%;
    position: relative
}

.side_float ul li.m.qr .qr_box .inner:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -4px
}

.side_float ul li.m.qr .qr_box .inner img {
    width: 250px;
    height: 160px;
}

.side_float ul li.m.qr .qr_box .inner span {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #222D75;
    font-size: 16px
}

.side_float ul li.m.qr .qr_box.toggled {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    right: 80px;
}

@media only screen and (max-width: 640px) {
    .side_float {
        width: 100%;
        right: 0;
        top: auto;
        bottom: 0;
        margin-top: 0;
    }
    .side_float ul {
        overflow: hidden;
    }
    .side_float ul li.m {
        float: left;
        width: 20%;
        margin-bottom: 0;
    }
    .side_float ul li.m a {
        border-radius: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
    }
    .side_float ul li.m.tel a p,
    .side_float ul li.m a i.iconfont,
    .side_float ul li.m.tel a,
    .side_float ul li.m a {
        width: 100%;
    }
    .side_float ul li.m.tel a p span {
        display: none;
    }
    .side_float ul li.m.tel a:hover {
        width: 100%;
        left: 0;
        opacity: .9;
    }
    /*footer{
	padding-bottom: 45px;
}*/
}

.izl-rmenu {
    position: fixed;
    right: 0;
    margin-right: 20px;
    top: 50%;
    padding-bottom: 20px;
    background: url(../images/r_b.png) 0px bottom no-repeat;
    z-index: 999;
}

.izl-rmenu .btn {
    width: 46px;
    height: 46px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    margin-top: 0
}

.izl-rmenu .btn-wx {
    background: url(../images/r_wx.png) 0px 0px no-repeat;
    background-color: #0045AA;
}

.izl-rmenu .btn-wx:hover {
    background-color: #0045AA;
}

.izl-rmenu .btn-wx .pic {
    position: absolute;
    left: -160px;
    top: 0px;
    display: none;
    width: 160px;
    height: 160px;
}

.izl-rmenu .btn-wx.wx2 {
    background: url(../images/r_wx2.png) 0px 0px no-repeat;
    background-color: #0045AA;
}

.izl-rmenu .btn-phone {
    background: url(../images/r_phone.png) 0px 0px no-repeat;
    background-color: #0045AA;
}

.izl-rmenu .btn-phone:hover {
    background-color: #0045AA;
}

.izl-rmenu .btn-phone .phone {
    background-color: #0045AA;
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 46px;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    display: none;
}

.izl-rmenu .btn-top {
    background: url(../images/r_top.png) 0px 0px no-repeat;
    background-color: #666666;
    display: none;
}

.izl-rmenu .btn-top:hover {
    background-color: #0045AA;
}

.in3-sec .overflow h2 {
    height: 91px;
    text-align: center;
    font-size: 44px;
    font-weight: bold;
    color: #000000;
}

.in3-sec .overflow h2 b {
    color: #0045AA
}

.in3-sec .overflow h2 i {
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: -6px;
}

.in3-sec .overflow h2 em {
    display: block;
    font-size: 18px;
    color: #545657;
    font-weight: normal;
    position: relative;
    margin-top: 12px;
    width: 1236px;
    margin: auto;
    padding-top: 11px;
    font-style: inherit;
}

.in3-sec .overflow h2 em:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #0045AA;
    left: 390px;
    top: 22px;
}

.in3-sec .overflow h2 em:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #0045AA;
    right: 390px;
    top: 24px;
}

.overflow h2 {
    height: 91px;
    text-align: center;
    font-size: 44px;
    font-weight: bold;
    color: #000000;
}

.overflow h2 b {
    color: #0045AA
}

.overflow h2 i {
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: -6px;
}

.overflow h2 em {
    display: block;
    font-size: 14px;
    color: #545657;
    font-weight: normal;
    position: relative;
    margin-top: 12px;
    width: 1391px;
    margin: auto;
    padding-top: 11px;
    font-style: inherit;
}

.overflow h2 em:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #0045AA;
    left: 390px;
    top: 22px;
}

.overflow h2 em:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #0045AA;
    right: 390px;
    top: 24px;
}


/* 工程业绩 */

.sectionBox {
    width: 100%;
    background-color: #fff;
    padding: 80px 0 100px 0;
    position: relative;
    z-index: 1;
}

.indexCase {
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
}

.indexCase .box {
    display: block;
}

.indexCase ul li {
    width: 24%;
    float: left;
    margin: 0.5%;
}

.indexCase ul li .pic {
    width: 100%;
    /*height: 360px;*/
    padding-top: 65%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.indexCase ul li .pic img {
    width: 100%;
    max-height: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.indexCase ul li .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.indexCase ul li:hover .bg {
    visibility: visible;
    opacity: 1;
}

.indexCase ul li .bg img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    transform: translateY(100%);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    background: #
}

.indexCase ul li:hover .bg img {
    transform: translateY(0);
}

.indexCase ul li .tit {
    background-color: #f4f4f4;
    height: 65px;
    padding: 15px 50px 0 24px;
    position: relative;
    z-index: 1;
}

.indexCase ul li .tit:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0045AA;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    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;
}

.indexCase ul li:hover .tit:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;
}

.indexCase ul li h2 {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.indexCase ul li p {
    font-size: 14px;
    color: #999;
    margin-top: 6px;
}

.indexCase ul li:hover h2,
.indexCase ul li:hover p {
    color: #fff;
}

.indexCase ul li .icon {
    width: 22px;
    height: 22px;
    /*background: url(../images/case_more.png) no-repeat;*/
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -11px;
    z-index: 10;
}


/*.indexCase ul li:hover .icon{*/


/*    background: url(../images/case_more_h.png) no-repeat;}*/


/* 服务 */

.custom_bg {
    height: 820px;
    background: url(../images/20200616221938_137203771.jpg)no-repeat center bottom;
}

.custom_t b {
    background: url(../images/20200616222154_1249739167.png)no-repeat top center;
}

.custom li {
    width: 443px;
    height: 516px;
    margin-right: 35px;
    float: left;
    background: #fff;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

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

.custom .custom_li_content {
    padding: 40px 40px 0 40px;
    transition: ease-out .3s;
}

.custom li:hover .custom_li_content {
    padding: 6px 40px 0 40px;
    transition: all linear .3s;
}

.custom .custom_li_content:after {
    content: "";
    background: #0045AA;
    width: 443px;
    height: 230px;
    position: absolute;
    left: 0;
    bottom: -100px;
    opacity: 0;
    transition: ease-out .3s;
}

.custom li:hover .custom_li_content:after {
    bottom: 0;
    opacity: 1;
}

.custom .custom_li_content b {
    font-size: 24px;
    color: #0045AA;
    display: block;
    height: 32px;
    position: relative;
    z-index: 2;
    transition: ease-out .3s;
}

.custom li:hover .custom_li_content b {
    height: 72px;
}

.custom .custom_li_content b:after {
    content: "";
    display: block;
    background: #fff;
    width: 1px;
    height: 0;
    margin-top: 16px;
    transition: all linear .3s;
    position: relative;
    z-index: 2;
    opacity: .5;
}

.custom li:hover .custom_li_content b:after {
    height: 24px;
}

.custom .custom_li_content span {
    color: #333;
    font-weight: lighter;
}

.custom .custom_li_content p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
    transition: all linear .3s;
}

.custom li:hover .custom_li_content p {
    opacity: .8;
    margin-top: 14px;
}

.custom .custom_li_content t {
    font-size: 18px;
    font-weight: bold;
    color: #0045AA;
}

.custom li:hover .custom_li_content t {
    color: white;
}

.custom li:hover .custom_li_content b,
.custom li:hover .custom_li_content span,
.custom li:hover .custom_li_content p {
    color: #fff;
}

.styay {
    margin: auto;
    width: 1400px;
}


/* 新闻 */

.in-4 .list {
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
}

.in-4 .list .left {
    width: 40%;
}

.in-4 .list .left .img {
    overflow: hidden;
    border: 1px solid #f2eff3;
    height: 360px;
}

.in-4 .list .left .img img {
    transition: all 0.7s ease-in-out;
}

.in-4 .list .left .txt {
    padding: 20px;
    background: #F6F6F6;
}

.in-4 .list .left .txt h5 {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    padding-bottom: 20px;
}

.in-4 .list .left .txt p {
    font-size: 15px;
    color: #666;
    padding-bottom: 20px;
}

.in-4 .list .left .txt span {
    font-size: 15px;
    color: #666;
}

.in-4 .list .left:hover .img img {
    transform: scale(1.09);
}

.in-4 .list .left:hover .txt {
    background: #0045AA;
}

.in-4 .list .left:hover .txt h5,
.in-4 .list .left:hover .txt p,
.in-4 .list .left:hover .txt span {
    color: #fff;
}

.in-4 .list .right {
    width: 58%;
}

.in-4 .list .right ul li {
    background: #F6F6F6;
    margin-bottom: 4%;
}

.in-4 .list .right ul li .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.in-4 .list .right ul li .box .img {
    overflow: hidden;
    border: 1px solid #f2eff3;
    width: 27.4%;
    height: 133px;
}

.in-4 .list .right ul li .box .img img {
    width: 100%;
    transition: all 0.7s ease-in-out;
}

.in-4 .list .right ul li .box .txt {
    padding: 10px;
    width: 65%;
}

.in-4 .list .right ul li .box .txt h5 {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 18px;
    margin-left: 25px;
}

.in-4 .list .right ul li .box .txt p {
    font-size: 15px;
    color: #666;
    margin-left: 25px;
    padding-bottom: 21px;
}

.in-4 .list .right ul li .box .txt span {
    font-size: 15px;
    color: #666;
    margin-left: 25px;
}

.in-4 .list .right ul li:hover {
    background: #0045AA;
}

.in-4 .list .right ul li:hover .box .img img {
    transform: scale(1.09);
}

.in-4 .list .right ul li:hover .box .txt h5,
.in-4 .list .right ul li:hover .box .txt p,
.in-4 .list .right ul li:hover .box .txt span {
    color: #fff;
}

.container1400 {
    width: 1400px;
    margin: auto;
}

.news_btl {
    width: 350px;
    float: left;
    font-weight: 400;
    font-size: 42px;
}

.news_btl span {
    font-size: 24px;
    display: block;
    color: #999;
    font-weight: 100;
}

.nb_tab {
    font-size: 0;
    text-align: center;
    margin: 0 auto;
    margin-top: 41px;
    margin-bottom: 16px;
}

.nb_tab a {
    width: 171px;
    height: 45px;
    display: inline-block;
    vertical-align: top;
    color: black;
    border-radius: 30px;
}

.nb_tab a+a {
    margin-left: 50px;
}

.nb_tab a.on {
    color: #fff;
    background: #0045AA;
    background-size: 400% 370%;
}

.nb_tab a i,
.mod1499 .nb_tab a b {
    display: inline-block;
    vertical-align: top;
    line-height: 42px;
}

.nb_tab a b {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 45px;
}


/*.nb_tab a:hover{color: #fff;*/


/*   background: #0045AA;*/


/*   background-size: 400% 370%;}*/

.nb_tab li {
    width: 171px;
    height: 45px;
    background: #f5f5f5;
    display: inline-block;
    vertical-align: top;
    color: #333;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 30px;
}

.in-4 {
    margin-bottom: 40px;
}

.footerTop {
    font-size: 14px;
    padding: 4% 0 3% 0;
    color: #666;
    position: relative;
}

.footerTop .scrollToTop {
    right: auto;
    bottom: auto;
    background-color: #0045AA;
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 0;
}

.footerTop .floatLeft {
    width: 50%;
}

.footerTop .wxwb {
    color: #ccc;
    position: relative;
    min-height: 111px;
    margin-bottom: 20px;
}

.footerTop .wxwb .xp img {
    vertical-align: sub;
}

.footerTop .wxwb .xp {
    line-height: 1;
    margin-bottom: 16px;
}

.footerTop .fontFFF {
    color: #fff;
    display: inline-block;
    font-family: 'DINCond-Mediumcff915e7c3bc5';
    vertical-align: middle;
}

.footerTop .attetion {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

.footerTop .attetion img {
    width: 85px;
    padding: 0 5px 3px 5px;
}

.footerTop .dizhi {
    background: rgba(33, 33, 33, 0.7);
    padding: 20px;
    color: #999;
}

.footerTop .dizhi p {
    padding-top: 8px;
    color: white;
}

.footerTop .floatRight {
    width: 34%;
    padding-left: 8%;
    border-left: 1px solid #505050;
}

.formMsg .dd {
    background: rgba(33, 33, 33, 0.7);
    color: #888;
    padding: 0 10px;
    line-height: 34px;
    margin-top: 10px;
}

.formMsg .dd label {
    float: left;
}

.formMsg .dd input,
.formMsg .dd textarea {
    color: #fff;
    overflow: hidden;
    width: 85%;
    background: transparent;
    border: 0;
    line-height: 24px;
    display: block;
    padding: 5px 0;
    font-family: inherit;
}

.footerTop input.submits {
    margin-top: 30px;
    display: block;
    width: 100%;
    line-height: 40px;
    color: #fff;
    background: #0045AA;
    color: #fff;
}

.formMsg .dd textarea {
    min-height: 72px;
}

.footerBottom {
    color: #666;
    padding: 2%;
    text-align: center;
    font-size: 14px;
}

.footerBottom .link a {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    line-height: 1;
    border-left: 1px solid #4d4d4d;
    color: white;
    padding: 0 10px;
}

.footerBottom .link a:nth-child(1) {
    border: 0;
}

.footerBottom .copy {
    padding: 10px 0 15px 0;
    color: white;
}

.shareBtn .shareA {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 2px;
    background-color: #4e4e4e;
}

.shareBtn .shareA:hover {
    background-color: #0045AA !important;
}

.footerBottom .link a:hover {
    color: #0045AA;
}

.autowidth {
    width: 1366px;
    margin: auto;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.font36 {
    font-size: 36px;
}

.inlineBlock {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.centerTxt {
    text-align: center;
}

.font16 {
    font-size: 16px;
    color: white;
}

.font18 {
    font-size: 18px;
    color: white;
}

.box3 {
    background: url(../images/bj.jpg) no-repeat top center;
    height: 845px;
    overflow: hidden;
}

.ys-index {
    /* background: url(../images/bj.png) no-repeat top center; */
    height: 764px;
    overflow: hidden;
    margin-top: -94px;
    padding: 0 20px;
    padding-top: 228px;
}

.ys-left {
    width: 485px;
    margin-top: -53px;
}

.ys-list li {
    padding-bottom: 36px;
    margin-bottom: 35px;
    border-bottom: 1px dashed #c7c0c0;
}

.ys-list li .ys-img {
    width: 60px;
    height: 60px;
    float: left;
}

.ys-list li .ys-wen {
    width: 406px;
    float: right;
}

.ys-list li .ys-wen h2 {
    font-size: 26px;
    color: white;
    line-height: 22px;
}

.ys-list li .ys-wen p {
    font-size: 15px;
    color: white;
    line-height: 25px;
    margin-top: 5px;
}

.ys-list li:last-child {
    border-bottom: none;
}

.ys-list li:hover .ys-wen h2 {
    color: #0045AA;
    font-weight: bold;
}

.ys-right {
    width: 485px;
    margin-top: -53px;
}

.zixun {
    text-align: center;
    margin-top: 20px;
}

.ys-list fl {
    float: left;
}

.ys-list fr {
    float: right;
}

.drop-down li:hover {
    background-color: #0045AA;
}

.wenzi {
    position: absolute;
    top: 0;
    color: white;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,0.27); */
}

.wenzi .wenzito {
    width: 75%;
    position: relative;
    top: 40%;
    margin: auto;
}

.wenzito h1 {
    width: 100%;
    text-align: center;
    font-size: 51px;
    letter-spacing: 3px;
    text-shadow: 1px 2px 4px #000;
    font-weight: 600;
}

.wenzito h5 {
    width: 100%;
    margin-top: 3%;
    text-align: center;
    font-size: 32px;
    letter-spacing: 4px;
}

.wenzi .wenzit1 {
    width: 75%;
    position: relative;
    top: 18%;
    margin: auto;
}

.wenzit1 h1 {
    width: 45%;
    float: left;
}

.wenzit1 h5 {
    float: right;
    width: 46%;
    margin-top: 8%;
}

.wenzit2 h1 {
    width: 63%;
    float: left;
}

.wenzi .wenzit2 {
    width: 79%;
    position: relative;
    top: 30%;
    margin: auto;
}

.wenzit2 h5 {
    float: right;
    width: 60%;
    margin-top: -13%;
}

.wenzit6 h1 {
    width: 47%;
    float: left;
}

.wenzi .wenzit6 {
    width: 79%;
    position: relative;
    top: 14%;
    margin: auto;
}

.wenzit6 h5 {
    float: right;
    width: 56%;
    margin-top: -4%;
}

.wenzit3 h1 {
    /* width: 50%; */
    float: left;
}

.wenzi .wenzit3 {
    width: 95%;
    position: relative;
    top: -1%;
    margin: auto;
}


/* .wenzit3 h5{
	    float: right;
    width: 33%;
    margin-top: -11%;
	
	} */

.ablst dl:hover {
    border: 2px solid #0045AA;
}

.num span {
    color: black;
}

.drop-down li:hover .yys a {
    color: white;
}

.poster-main {
    position: relative;
}

.poster-main a,
.poster-main img {
    display: block;
    width: 100%;
    height: 100%;
}

.poster-main img {}

.poster-main .poster-list {
    width: 1000px;
    height: 500px;
}

.poster-main .poster-list .poster-item {
    width: 200px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
}

.poster-main .poster-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
    filter: opacity(.5) brightness(1);
}

.poster-main .poster-btn:hover {
    filter: opacity(1) brightness(2);
}

.poster-main .poster-prev-btn {
    left: 0;
    background: url(left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
    right: 0;
    background: url(right.png) no-repeat center center;
}

.poster-item-title {
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    display: block;
}

.box_qwrz {
    background: url(../images/_bg5.jpg) no-repeat left top/100% 100%;
    height: 1450px;
    margin-top: -15px;
}

.box_qw {
    padding: 30px 0 0 0;
}

.box_qw .cnt {
    position: relative;
}

.box_qw {
    height: auto;
    /* margin-top: 20px; */
    padding-bottom: 40px;
}

.box_qw .swiper-slide {
    text-align: center;
    width: 480px;
    /* background: #fff; */
    /* height: 600px; */
    /* box-shadow: 0 5px 20px #6b6b6b; */
}

.box_qw .cnt .tit {
    color: #b70005;
    font-size: 30px;
    opacity: 0.4;
}

.box_qw .swiper-slide-active .tit {
    opacity: 1;
}

.box_qw .pic img {
    width: 100%;
}

.fixed .tel span {
    color: #0045AA;
}

.indexheader .logo {
    margin-top: 12px;
    width: 283px;
    height: 56px;
    background-size: 100%;
    background-image: url(../images/1-210P20AFQ63.png);
}

header .logo {
    margin-top: 12px;
    width: 283px;
    height: 56px;
    background-size: 100%;
    background-image: url(../images/1-210P20AFQ63.png);
}

.fixed .logo {
    margin-top: 12px;
    width: 283px;
    height: 56px;
    background-size: 100%;
    background-image: url(../images/1-210P20AFQ633.png) !important;
}

.nmsm {
    margin-top: 20px;
    float: left;
    margin-right: 14px;
    width: 40px;
    background-image: url(../images/tel.png);
    /*background: ;*/
    background-size: 100%;
    height: 40px;
}

.fixed .nmsm {
    background-image: url(../images/tel3.png) !important;
}

.nav .sub {
    display: none;
    width: 100%;
    padding: 0;
    position: fixed;
    overflow: hidden;
    text-align: left;
    z-index: 110;
    left: 0;
    background-color: #f5f5f5
}

.nav .sub .nav_xiao {
    width: 92%;
    overflow: hidden;
    margin: 0 auto
}

.nav .sub .nav_xiao.max1100 {
    max-width: 1100px
}

.nav .sub .nav_xiao .xiao_three {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 60px
}

.nav .sub .nav_xiao .xiao_three ul li {
    float: left;
    display: inline;
    width: 14.5%;
    /* height: 218px; */
    overflow: hidden;
    margin-right: 1%;
    text-align: center;
    position: inherit;
    line-height: 56px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-left: 1%;
}

.nav .sub .nav_xiao .xiao_three ul li:last-child {
    margin-right: 0
}

.nav .sub .nav_xiao .xiao_three ul li img {
    width: 100%;
    display: block;
    transition: all .3s
}

.nav .sub .nav_xiao .xiao_three ul li a {
    color: #000;
    width: 100%;
    font-size: 18px;
    height: 100%;
    display: block
}

.nav .sub .nav_xiao .xiao_three ul li a:hover {
    color: #f67524
}

.ssssj:hover .sub {
    display: block;
}

.ym {
    padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
    display: table;
    margin: auto;
}

.ym a {
    float: left;
    border: solid 1px #e3e3e3;
    padding: 5px 10px 5px 10px;
    color: #545454;
    margin-right: 5px;
    margin-bottom: 5px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ym a:hover {
    background: #5c5c5c;
    color: #FFF;
    border: solid 1px #5c5c5c;
}

a.page-num-current {
    background: #0045AA;
    color: #FFF;
    border: solid 1px #0045AA;
}

.ym span {
    display: block;
    float: left;
    margin-top: 14px;
    margin-right: 5px;
}

.tts {
    width: 48%;
    float: left;
}

.casess {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 20px auto 0;
    padding: 0px 0;
}

.casess ul li {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
}

.casess ul li .img {
    width: 23%;
    float: left;
    height: 170px;
    overflow: hidden;
    border: 1px solid #cecfd4;
}

.casess ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-in-out;
}

.casess ul li:hover .img img {
    transform: scale(1.1);
}

.casess ul li .text {
    width: 77%;
    float: left;
    padding: 0 10px 0 35px;
}

.casess ul li .text h4 {
    font-size: 20px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.casess ul li:hover .text h4 {
    color: #0045AA;
}

.casess ul li .text h5 {
    font-size: 14px;
    color: #444;
    line-height: 24px;
    min-height: 72px;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.casess ul li .text h6 {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    padding-top: 10px;
}

.case-detail {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px 0;
}

.case-detail-left {
    float: left;
    width: 66%;
    background-color: #f8f8f8;
    padding: 60px 50px;
}

.case-detail-left-title {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #efefef;
    padding-bottom: 14px;
}

.case-detail-left-title h4 {
    font-size: 24px;
    color: #333;
    text-align: center;
}

.case-detail-left-title h1 {
    font-size: 24px;
    color: #333;
    text-align: center;
}

.case-detail-left-title h5 {
    font-size: 14px;
    color: #999;
    text-align: center;
    padding-top: 14px;
}

.case-detail-left-title h5 span {
    display: inline-block;
    padding: 0 10px;
}

.case-detail-text {
    width: 100%;
    height: auto;
    padding: 10px 0;
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    text-align: justify;
}

.case-detail-text img {
    text-align: center;
    max-width: 100%;
    height: auto;
}

.case-detail-text h6 {
    text-align: center;
}

.case-detail-text p {
    padding: 10px 0;
}

.case-detail-share {
    width: 100%;
    border-top: 1px solid #efefef;
    padding: 10px 0;
}

.case-detail-share-left {
    float: left;
}

.case-detail-share-left h4 {
    font-size: 14px;
    color: #666;
    padding-bottom: 10px;
}

.case-detail-share-left .fa {
    font-size: 20px;
    color: #000;
}

.bdshare-button-style0-16 a {
    padding-left: 0 !important;
    padding-right: 10px;
    background: none !important;
}

.bdshare-button-style0-16 .bds_tsina,
.bdshare-button-style0-16 .bds_sqq,
.bdshare-button-style0-16 .bds_weixin {
    background: none;
}

.bdshare-button-style0-16 a:hover {
    opacity: 1 !important;
}

.case-detail-share-left a {
    position: relative;
}

.case-detail-share-left a p {
    position: absolute;
    width: 140px;
    height: 160px;
    bottom: 34px;
    left: 50%;
    margin-left: -30px;
    z-index: 10;
    transition: all 0.5s ease-in-out;
    padding: 10px 14px 10px 14px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    display: none;
    opacity: 1;
}

.case-detail-share-left a p img {
    width: 100%;
}

.case-detail-share-left a:hover p {
    display: block;
    opacity: 1;
}

.case-detail-share-right {
    float: right;
    margin-top: 20px;
}

.case-detail-share-right a {
    padding: 10px 20px;
    background-color: #0045AA;
    font-size: 14px;
    color: #fff;
}

.case-detail-share-right .fa {
    color: #fff;
    font-size: 16px;
    padding-right: 10px;
}

.case-detail-right {
    float: left;
    width: 34%;
    padding-left: 50px;
}

.case-detail-right1 {
    width: 100%;
    height: auto;
    padding-top: 0px;
}

.case-detail-right1 h4 {
    font-size: 18px;
    color: #0045AA;
    padding-left: 15px;
    border-left: 4px solid #0045AA;
}

.case-detail-right1 ul {
    margin-top: 30px;
    overflow: hidden;
}

.case-detail-right1 ul li {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 10px #eee;
}

.case-detail-right1 ul li .img {
    width: 50%;
    height: 92px;
    ;
    float: left;
    overflow: hidden;
    padding-right: 10px;
}

.case-detail-right1 ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-detail-right1 ul li .text {
    width: 50%;
    overflow: hidden;
    padding-left: 10px;
}

.case-detail-right1 ul li .text h5 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 22px;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.case-detail-right1 ul li .text h6 {
    font-size: 12px;
    color: #999;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 4px;
}

.case-detail-right1 ul li:hover .text h5 {
    color: #0045AA;
}

.case-detail-prev {
    width: 100%;
    height: auto;
    padding-top: 30px;
}

.case-detail-prev h4 {
    font-size: 18px;
    color: #0045AA;
    padding-left: 15px;
    border-left: 4px solid #0045AA;
}

.case-detail-prev h5 {
    padding-top: 10px;
    font-size: 16px;
    color: #666;
}

.case-detail-prev h5 a:hover {
    color: #0045AA;
}

.ssshsns {
    background-color: #fff;
    width: 48.8%;
    height: 150px;
    border: 1px solid #e8ecec;
    float: left;
    margin-right: 1%;
}

.ssshsns a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 40px 0 69px;
}

.ssshsns .li-l {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.ssshsns .li-l .li-c {
    padding-left: 77px;
}

.ssshsns .li-l .li-c .text-title {
    font-size: 24px;
    font-family: PingFang;
    /* font-weight: bold; */
    color: #222222;
    line-height: 1;
}

.ssshsns .li-l .li-c .text-des {
    font-size: 16px;
    font-family: PingFang;
    font-weight: 500;
    color: #999999;
    line-height: 20px;
    margin-top: 20px;
}

.ssshsns .li-r {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: rgba(0, 57, 152, 0);
    border: 1px solid #B9B9B9;
    border-radius: 22px;
}

.ssshsns:hover .li-r {
    border-color: #0045AA;
    background-color: #0045AA;
}

.ssshsns .li-r .iconfont {
    color: rgba(153, 153, 153, 1);
}

.ssshsns:hover .li-r .iconfont {
    color: #fff;
}

.mod1059 .feedback_form {
    width: 100%;
    margin: 0 auto 30px auto;
}

.mod1059 .feedback_form_t {
    font-size: 26px;
    text-align: center;
    line-height: 80px;
    border-bottom: 1px solid #0045AA;
    margin-bottom: 40px;
}

.mod1059 .feedback_form input,
.mod1059 .feedback_form textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.mod1059 .feedback_form input:hover,
.mod1059 .feedback_form textarea:hover {
    border-color: #0045AA;
}

.mod1059 .feedback_form li {
    width: 100%;
    background: none;
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
    line-height: 48px;
}

.mod1059 .feedback_content i {
    font-size: 18px;
    padding: 0 5px;
}

.mod1059 .feedback_form li.message {
    padding-top: 10px;
}

.mod1059 .wbf-input {
    width: 93%;
    height: 32px;
    padding: 10px;
    margin: 8px 0;
    line-height: normal;
    box-sizing: border-box;
}

.mod1059 .wbf-code {
    width: 140px;
    height: 32px;
    padding: 10px;
    margin: 8px 0;
    line-height: normal;
    box-sizing: border-box;
}

.mod1059 .feedback_form li.yzma {
    margin-top: -10px;
}

.mod1059 .yzma img {
    vertical-align: middle;
}

.mod1059 .wbf-textarea {
    width: 93%;
    height: 130px;
    padding: 8px;
    line-height: 20px;
    box-sizing: border-box;
}

.mod1059 input.button.btn_message {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-left: 0%;
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #0045AA;
    font-size: 16px;
    color: #fff;
    border: none;
}

header .yyqh {
    width: 38px;
    height: 38px;
    background-image: url(../images/en.png);
    float: right;
    background-size: 100%;
    margin-top: 22px;
}

.fixed .yyqh {
    width: 38px;
    height: 38px;
    background-image: url(../images/en2.png);
    float: right;
    background-size: 100%;
    margin-top: 22px;
}

header .yyqhd {
    width: 38px;
    height: 38px;
    background-image: url(../images/cn.png);
    float: right;
    background-size: 100%;
    margin-top: 22px;
}

.fixed .yyqhd {
    width: 38px;
    height: 38px;
    background-image: url(../images/cn2.png);
    float: right;
    background-size: 100%;
    margin-top: 22px;
}

.mod1059 a.button.btn_message {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-left: 20px;
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #0045AA;
    font-size: 16px;
    color: #fff;
}

.mod1059 .feedback_form input::-webkit-input-placeholder,
.mod1059 .feedback_form textarea::-webkit-input-placeholder {
    color: #ccc;
}

.sfq_card {
    height: 247px;
    overflow: hidden;
    background-color: #f7f7f7;
}

.sfq_card_img {
    position: relative;
    width: 161px;
    height: 247px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.sfq_card_img_bg {
    text-align: center;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.sfq_card_img_bg span {
    font-weight: 300;
    display: block;
    width: 20px;
    line-height: 30px;
    margin: 70px auto 0 auto;
    font-size: 24px;
}

.clearfix:after,
.clearfix:before,
.c:after,
.c:before {
    display: table;
    content: "";
}

.clearfix:after,
.c:after {
    clear: both;
}

.about_title {
    font-size: 30px;
    color: #464545;
    text-align: center;
    font-weight: bolder;
    margin-top: 73px;
}

.about_xian {
    width: 65px;
    height: 3px;
    background-color: #c9151e;
    margin: 20px auto;
}

.about_js {
    line-height: 30px;
    text-align: center;
    width: 805px;
    margin: 0 auto;
    font-size: 15px;
    color: #787878;
}

.card-area {
    margin: 40px auto 0;
    width: 1600px;
    position: relative;
}

.card-area .bg-e8e8e8 {
    background: #e8e8e8
}

.card-area .bg-e1e1e1 {
    background: #e1e1e1
}

.card-area .card-item {
    z-index: 4;
    transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
    position: relative;
    float: left;
    width: 154px;
    height: 345px;
    background-color: transparent
}

.card-area .card-item+.card-item {
    margin-left: -1px
}

.card-area .card-item.active {
    z-index: 6;
    width: 518px;
    height: 248px
}

.card-area .card-item.active .card .card-title {
    background-color: #3db1ea;
    height: 145px;
    top: 0;
    border: none
}

.card-area .card-item.active .card .card-title .short-info {
    color: #9ed8f5
}

.card-area .card-item.active .card .card-title h1 {
    color: #fff
}

.card-area .card-item.active .card .card-content.content-first {
    transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item.active .card .card-content.content-second {
    transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.sfq_card {
    height: 247px;
    overflow: hidden;
    background-color: #f7f7f7;
}

.sfq_card_img {
    position: relative;
    width: 154px;
    height: 247px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.sfq_card_img_bg {
    text-align: center;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.sfq_card_img_bg span {
    font-weight: 300;
    display: block;
    width: 20px;
    line-height: 30px;
    margin: 70px auto 0 auto;
    font-size: 24px;
}

.active .sfq_card_img_bg {
    background: rgba(223, 100, 155, 0) !important;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.active .sfq_card_img {
    float: left;
    width: 154px;
    height: 247px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.sfq_card_con {
    width: 0;
    height: 247px;
    background-color: #eae7e7;
    float: right;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.active .sfq_card_con {
    width: 360px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sfq_card_con_box {
    width: 280px;
    margin: 0 auto;
}

.sfq_card_name {
    margin-top: 30px;
    font-size: 20px;
    color: #000000;
}

.sfq_card_js {
    line-height: 30px;
    font-size: 13px;
    color: #787878;
}

.sfq_card_xian {
    width: 150px;
    height: 1px;
    margin: 15px 0 8px 0;
    background-color: #555555;
}

.sfq_card_more {
    margin-top: 6px;
    font-size: 12px;
    color: #555555;
    text-align: right;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.card-area .card-item:hover .sfq_card_more {
    color: #C9151E;
}

.card-item_none {
    width: 198px;
    height: 247px;
}

.active .card-item_none {
    display: none;
}

.sfq_card_dian {
    margin-top: 35px;
    width: 143px;
    height: 11px;
    text-align: center;
    background: url(../images/hei_yuan.jpg) no-repeat center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.active .sfq_card_dian {
    width: 203px;
    background: url(../images/hong_yuan.jpg) no-repeat center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.active .sfq_card_title {
    color: #0045AA;
    font-size: 26px;
}

.sfq_card_title {
    margin-top: 5px;
    color: #474747;
    font-size: 17px;
    font-weight: bold;
    width: 144px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.active .sfq_card_title {
    width: 203px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.about22 {
    /*background: url(../images/sfq_xian.jpg);*/
}

.about_more {
    width: 93px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #da2d2d;
    margin: 60px auto 40px auto;
    border: 1px solid #DA2D2D;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.about_more:hover {
    color: #ffffff;
    background-color: #da2d2d;
}

.contact-main {
    margin-top: 32px;
    margin: auto;
    width: 79%;
}

.contact-tit {
    display: block;
    margin-top: 32px;
    height: 98px;
    font-size: 31px;
    font-weight: 500;
    text-align: center;
    line-height: 98px;
    color: #323232;
    background: url('../images/contact-bg.png') center center no-repeat
}

.contact-info {
    position: absolute;
    top: 0;
    right: 0;
    width: 489px;
    height: 509px;
    background: url('../images/contact-infobg.png') repeat;
    overflow: hidden;
}

.mcontact .mcontact_r .nei .con p {
    margin-top: 30px;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-family: '苹方', 'SourceHanSans-Normal', '微软雅黑', '黑体';
}

.mcontact .mcontact_r .nei .con p:nth-child(1) {
    color: transparent;
    display: block;
    height: 83px;
    background: url('../images/contact-slogan-pc.png')no-repeat left center;
}

.mcontact .mcontact_r .nei .con p:nth-child(2) {
    padding-left: 35px;
    background: url('../images/contactico1.png')no-repeat left center;
}

.mcontact .mcontact_r .nei .con p:nth-child(3) {
    margin-top: 20px;
    padding-left: 35px;
    background: url('../images/contactico1.png')no-repeat left center;
}


/* .mcontact .mcontact_r .nei .con p:nth-child(2) span{display:inline-block;width:100%;}
.mcontact .mcontact_r .nei .con p:nth-child(2) span:nth-child(2){margin-top:10px;} */

.mcontact .mcontact_r .nei .con p:nth-child(4) {
    margin-top: 20px;
    padding-left: 35px;
    background: url('../images/contactico2.png')no-repeat left center;
}

.mcontact .mcontact_r .nei .con p:nth-child(5) {
    margin-top: 20px;
    padding-left: 35px;
    background: url('../images/contactico3.png')no-repeat left center;
}

.mcontact .mcontact_r .nei .con p:nth-child(6) {
    font-size: 14px;
    margin-top: 55px;
    color: #e4c55e;
    opacity: 0.6;
    font-weight: bold;
    line-height: 15px;
}

.mcontact .mcontact_r .nei .con p:nth-child(6) a {
    color: #e4c55e;
}

.mcontact .mcontact_r .nei .con p:nth-child(6) a:hover {
    color: #fff;
}

.swiper-button-next,
.swiper-button-prev {
    width: 27px;
    height: 30px;
    margin-top: -22px;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
}

.mcontact .mcontact_r .map {
    background: url('../images/map.png') no-repeat center;
    background-size: cover;
    width: 543px;
    height: 334px;
}

.starView {
    position: fixed;
    top: 0;
    left: 0;
}

@media (min-width:1000px) {
    .mcontact {
        /* top: 200px; */
    }
    .mcontact .container .company-list {
        display: flex;
        flex-wrap: wrap;
        clear: both;
        padding-top: 180px;
        width: 100%;
    }
    /* .mcontact .container .company-list::before { content: ''; height: 1px; overflow: hidden; clear: both; display: block;} */
    .mcontact .container .company-list .company {
        width: 33.33333333333333%;
        padding-left: 44px;
        margin: 30px 0 0;
        box-sizing: border-box;
    }
    .mcontact .container .copyright {
        padding: 100px 0 50px;
    }
    .mcontact .container .copyright,
    .mcontact .container .copyright a,
    .mcontact .container .copyright:hover {
        color: rgba(228, 197, 94, 0.6);
        font-size: 11px;
        text-align: center;
    }
    .mcontact .container .copyright b span {
        display: none;
    }
    .mcontact .mcontact_l .con {
        width: 350px;
    }
}

.mcontact .container .company-list .company {
    background: url('../images/gps.png') no-repeat left 10px;
}

.mcontact .container .company-list .company .name,
.mcontact .container .company-list .company .ename {
    line-height: 50px;
    font-size: 32px;
    color: #fff;
    display: block;
    height: auto;
}

.mcontact .container .company-list .company .name {
    color: #e4c45f;
}

.mcontact .container .company-list .company .name::after {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url('../images/arrow.png') no-repeat center;
    margin-left: 10px;
    transition: all .5s;
    background-size: contain;
}

.mcontact .container .company-list .company .ename {
    margin-bottom: 20px;
}

.mcontact .container .company-list .company p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    display: block;
    height: 1px;
    overflow: hidden;
    transition: all .5s;
}

.mcontact .container .company-list .company.active p {
    display: block;
    height: 32px;
}

.mcontact .container .company-list .company.active .name,
.mcontact .container .company-list .company.active .ename {
    height: 50px;
}

.mcontact .container .company-list .company.active .name::after {
    transform: rotate(180deg);
}

.maps {
    position: relative;
    margin-top: 24px;
    overflow: hidden;
}

.add-con {
    padding-top: 28px;
    margin-left: -19px;
    margin-bottom: 55px;
}

.add-con-items {
    float: left;
    width: 50%;
    margin-bottom: 21px;
    padding-left: 19px;
}

.add-block {
    width: 100%;
    border: 1px solid rgba(0, 69, 186, 0.4);
    overflow: hidden;
}

.add-name {
    position: relative;
    display: block;
    height: 69px;
    padding: 0 33px;
    font-size: 22px;
    font-weight: normal;
    line-height: 67px;
    color: #0045AA;
}

.add-name-line {
    display: block;
    position: absolute;
    width: 29px;
    height: 1px;
    left: 33px;
    bottom: 13px;
    background: #0045AA;
}

.add-dt {
    height: 169px;
    padding: 17px 33px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.add-block:hover .add-dt {
    background: #f3f8ff;
}

.add-dt-dz,
.add-dt-tel {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    line-height: 28px;
    color: #1d1c1c;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.add-dt-dz {
    /*margin-right: 60px;*/
}

.add-dt-icon {
    position: absolute;
    left: 0;
    top: 1px;
    width: 18px;
    height: 21px;
}

.add-dt-icon img {
    vertical-align: top;
}

.contact-info-tit {
    font-size: 22px;
    font-weight: normal;
    line-height: 66px;
    color: #fff;
}

.ci-top {
    width: 100%;
    height: 292px;
    padding: 34px 38px;
    background: #0045AA;
    overflow: hidden;
}

.ci-ewm {
    position: relative;
    width: 100%;
    height: 217px;
    background: #464544;
}

.ci-ewm-icon {
    position: absolute;
    display: block;
    width: 32px;
    height: 12px;
    left: 37px;
    top: -12px;
}

.ci-ewm-icon img {
    width: 100%;
    vertical-align: top;
}

.ci-line {
    display: block;
    width: 46px;
    height: 2px;
    background: #ffc386;
}

.ci-block {
    padding-top: 18px;
}

.cib-items {
    position: relative;
    min-height: 18px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    margin-top: 9px;
}

.cib-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 21px;
}

.cib-icon img {
    width: 100%;
    vertical-align: top;
}

.ci-ewm {
    padding-top: 23px;
}

.ciewm-block {
    display: table;
    margin: 0 auto;
}

.ciewm-items {
    float: left;
    margin: 0 13px;
}

.ciewm-pic {
    display: block;
    width: 144px;
    height: 144px;
    text-align: center;
    overflow: hidden;
}

.ciewm-pic img {
    width: 100%;
    vertical-align: top;
}

.ciewm-text {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

.add-con {
    padding-top: 28px;
    margin-left: -19px;
    margin-bottom: 55px;
}

.tdbj {
    height: 606px;
    overflow: hidden;
    /*background:url(../images/cpysbg.jpg) no-repeat center top;*/
    background-size: cover;
    padding: 4px 0 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei";
    max-width: 1920px;
    margin: 0 auto;
}

.tdbj h2 {
    margin-bottom: 70px;
}

.td {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

.td li {
    font-size: 16px;
    color: #666666;
    text-align: left;
    line-height: 28px;
    position: absolute;
}

.td li:after {
    content: '';
    position: absolute;
    height: 22px;
    width: 22px;
    background: #aeaeae;
    border-radius: 100%;
}

.td li h4 {
    font-size: 21px;
    color: #242424;
    line-height: 32px;
    position: relative;
    font-weight: normal;
    margin-bottom: 13px;
}

.td li p b {
    color: #000000;
    font-weight: normal;
}

.td li p {
    margin-bottom: 14px;
}

.td li .td_btn {
    width: 118px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #0045AA;
    display: block;
    opacity: 0;
    -webkit-transition: .35s;
    -moz-transition: .35s;
    transition: .35s;
}

.td li:nth-child(1) {
    width: 359px;
    padding-right: 37px;
    left: 0px;
    top: 64px;
}

.td li:nth-child(1):before {
    content: '';
    position: absolute;
    width: 86px;
    height: 150px;
    background: url(../images/td_line1.png) no-repeat;
    right: -74px;
    top: 30px;
}

.td li:nth-child(1):after {
    right: 0;
    top: 20px;
}

.td li:nth-child(2) {
    width: 379px;
    padding-left: 43px;
    right: 18px;
    top: 56px;
}

.td li:nth-child(2):before {
    content: '';
    position: absolute;
    width: 98px;
    height: 140px;
    background: url(../images/td_line2.png) no-repeat;
    left: -44px;
    top: 45px;
}

.td li:nth-child(2):after {
    left: 0;
    top: 20px;
}

.td li:nth-child(3) {
    width: 384px;
    padding-right: 33px;
    left: 0px;
    top: 340px;
}

.td li:nth-child(3):before {
    content: '';
    position: absolute;
    width: 105px;
    height: 127px;
    background: url(../images/td_line3.png) no-repeat;
    right: -94px;
    top: 11px;
}

.td li:nth-child(3):after {
    right: 0;
    top: 110px;
}

.td li:nth-child(4) {
    width: 383px;
    padding-left: 47px;
    right: 38px;
    top: 330px;
}

.td li:nth-child(4):before {
    content: '';
    position: absolute;
    width: 55px;
    height: 97px;
    background: url(../images/td_line4.png) no-repeat;
    left: -44px;
    top: 10px;
}

.td li:nth-child(4):after {
    left: 0;
    top: 110px;
}

.td li:nth-child(5) {
    width: 333px;
    padding-left: 50px;
    right: 569px;
    top: 489px;
}

.td li:nth-child(5):before {
    content: '';
    position: absolute;
    width: 55px;
    height: 175px;
    background: url(../images/td_line4.png) no-repeat;
    left: -44px;
    top: -39px;
}

.td li:nth-child(5):after {
    left: 0;
    top: 110px;
}

.td li:nth-child(3) p,
.td li:nth-child(4) p {
    margin-bottom: 13px;
}

.td li:nth-child(3) h4,
.td li:nth-child(4) h4 {
    margin-bottom: 15px;
}

.td li:hover h4 {
    color: #0045AA;
}

.td li:hover::after {
    background: #0045AA;
}

.td li:hover p b {
    font-weight: bold;
}

.td li:hover .td_btn {
    opacity: 1;
}

@media screen and (max-width:1401px) {
    .tdbj {
        background: url(../images/cpysbg.jpg) no-repeat center top;
        background-size: cover;
    }
    .td {
        width: 1200px;
    }
    .td li:nth-child(1) {
        left: 38px;
    }
    .td li:nth-child(2):after {
        top: 98px;
    }
    .td li:nth-child(3) {
        left: 108px;
    }
    .td li:nth-child(4) {
        right: 35px;
        top: 312px;
    }
    .td li:nth-child(1):before,
    .td li:nth-child(2):before,
    .td li:nth-child(3):before,
    .td li:nth-child(4):before {
        width: 0;
    }
    .td li.cur h4 {
        color: #0045AA;
    }
    .td li.cur::after {
        background: #0045AA;
    }
    .td li.cur p b {
        font-weight: bold;
    }
    .td li.cur .td_btn {
        opacity: 1;
    }
}

.overflow1 h2 {
    height: 91px;
    text-align: center;
    font-size: 44px;
    font-weight: bold;
    color: #000000;
}

.overflow1 h2 b {
    color: #0045AA
}

.overflow1 h2 i {
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    position: relative;
    padding: 0 6px;
    top: -6px;
}

.overflow1 h2 em {
    display: block;
    font-size: 18px;
    color: #545657;
    font-weight: normal;
    position: relative;
    margin-top: 12px;
    width: 1236px;
    margin: auto;
    padding-top: 11px;
    font-style: inherit;
}


/*.overflow h2 em:before{content: "";position: absolute;width: 50px;height: 2px;background: #0045AA;left:390px;top:22px;}*/


/*.overflow h2 em:after{content: "";position: absolute;width: 50px;height: 2px;background: #0045AA;right:390px;top:24px;}*/

.td li.cur h4 {
    color: #0045AA;
}

.td li.cur::after {
    background: #0045AA;
}

.td li.cur p b {
    font-weight: bold;
}

.td li.cur .td_btn {
    opacity: 1;
}

.proList {
    width: 100%;
}

.proListSection {
    width: 910px;
    float: right;
}

.proListSection .mainCon {
    border: 1px solid #e4e4e4;
    padding-top: 28px;
    width: 908px;
    margin-bottom: 31px;
}

.proListSection .mainCon .conBox {
    width: 870px;
    margin: 20px auto 0;
    padding-bottom: 30px;
}

.proListSection .mainCon .conBox ul {
    width: 104%;
}

.proListSection .mainCon .conBox li {
    float: left;
    width: 280px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.proListSection .mainCon .conBox li.noMl {
    margin-right: 0px;
}

.proListSection .mainCon .conBox li .Pic {
    width: 278px;
    /*height: 240px;*/
    border: 1px solid #e4e4e4;
    overflow: hidden;
    display: block;
}

.proListSection .mainCon .conBox li .Pic img {
    display: block;
    width: 278px;
    /*height: 240px;*/
    transform: scale(1);
    transition: all 1s ease-out;
}

.proListSection .mainCon .conBox li .intro {
    width: 280px;
    height: 140px;
    text-align: center;
    padding-top: 14px;
    position: relative;
}

.proListSection .mainCon .conBox li .intro h3 {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 16px;
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.proListSection .mainCon .conBox li .intro h3 a {
    color: black;
    text-decoration: none;
}

.proListSection .mainCon .conBox li .intro p {
    line-height: 20px;
    color: #666666;
    font-size: 14px;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
}

.proListSection .mainCon .conBox li .intro .btn {
    overflow: hidden;
    width: 241px;
    height: 42px;
    background: url(../images/proListBg01.png) no-repeat center;
    position: absolute;
    bottom: 0px;
    left: 20px;
}

.proListSection .mainCon .conBox li .intro .btn a {
    display: block;
    width: 120px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    float: left;
    font-size: 14px;
    color: #777777;
    text-decoration: none;
}

.proListSection .mainCon .conBox li .intro .btn a i {
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url(../images/mub02_jt03.png) no-repeat center;
    margin-left: 8px;
    position: relative;
    top: 2px;
}

.proListSection .mainCon .conBox li .intro .btn a:first-child {
    border-right: 1px solid #eaeaea;
}

.proListSection .mainCon .conBox li .intro .btn a:hover {
    color: #fff;
}

.proListSection .mainCon .conBox li .intro h3 a {
    color: #0045AA;
}

.proListSection .mainCon .conBox li .intro .btn a.more:hover {
    background: url(../images/proListBg02.png) no-repeat center;
}

.proListSection .mainCon .conBox li .intro .btn a.more:hover i {
    background: url(../images/mub02_jt02.png) no-repeat center;
}

.proListSection .mainCon .conBox li .intro .btn a.zx:hover {
    background: url(../images/proListBg03.png) no-repeat center;
}

.proListSection .mainCon .conBox li .intro .btn a.zx:hover i {
    background: url(../images/mub02_jt02.png) no-repeat center;
}

.proListSection .mainCon .conBox li:hover .Pic img {
    transform: scale(1.2);
}

.proCol .conleft {
    width: 270px;
    position: relative;
    z-index: 3;
}

.proCol .conleft h3 {
    height: 106px;
    background: #0045AA;
    border-radius: 8px 8px 0 0;
    margin-bottom: 2px;
    font-weight: normal;
}

.proCol .conleft h3 a {
    display: block;
    color: #fff;
    padding: 35px 0 0 30px;
    height: 76px;
    background: url(../images/proicon01.png) no-repeat 204px 46px;
}

.proCol .conleft h3 span {
    display: block;
    font-size: 25px;
}

.proCol .conleft h3 i {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 100;
    font-style: inherit;
}

.proCol .conleft .box {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    background: #fff;
}

.proCol .conleft .box .p1 {
    height: 63px;
    background: #0045AA;
    width: 270px;
    position: relative;
    left: -1px;
    text-indent: 27px;
}

.proCol .conleft .box .p1 a {
    display: block;
    height: 63px;
    line-height: 63px;
    font-size: 20px;
    color: #fff;
}

.proCol .conleft .box ul.ul1 {
    border-left: 1px solid #fff;
}

.proCol .conleft .box ul.ul1 .boxli {
    padding-left: 8px;
    height: 71px;
    position: relative;
}

.proCol .conleft .box ul.ul1 .active {
    background: #e4e4e4;
}

.proCol .conleft .box ul.ul1 .active .lia {
    color: #0045AA;
}

.proListSection .mainCon .conBox li .intro .btn .zx {
    background: url('../images/proListBg03.png');
    color: white;
}

.proCol .conleft .box ul.ul1 .boxli .lia {
    padding-top: 20px;
    display: block;
    height: 71px;
    line-height: 23px;
    text-indent: 21px;
    background: url(../images/proicon03.png) no-repeat 19px center;
    margin-right: 9px;
    border-bottom: 1px solid #f2f2f2;
}

.proCol .conleft .box ul.ul1 .boxli:first-child .lia {
    border-top: none;
}

.proCol .conleft .box:hover {
    border-left-color: #0045AA;
}

.proCol .conleft .box:hover ul.ul1 {
    border-left-color: #0045AA;
}

.proCol .conleft .box ul.ul1 .boxli:hover {
    background: #e4e4e4;
}

.proCol .conleft .box ul.ul1 .boxli:hover .lia {
    background: url(../images/proicon04.png) no-repeat 19px center;
    color: #0045AA;
}

.proCol .conleft .box ul.ul1 .boxli .liUl {
    display: none;
}

.proCol .conleft .box ul.ul1 .boxli:hover .liUl {
    display: block;
    position: absolute;
    left: 268px;
    top: -60px;
    width: 156px;
    padding: 18px 0 10px 30px;
    background: #fff;
}

.proCol .conleft .box ul.ul1 .boxli:hover .liUl li {
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 16px;
}

.proCol .conleft .box ul.ul1 .boxli:hover .liUl li:hover a {
    color: #0045AA;
}

.proCol .conleft .box:last-child {
    border-bottom: 1px solid #e4e4e4;
}

.proCol .conleft .box .p1.cur {
    background: #ff7e00;
}

.proCol .conleft .box ul.ul1 .boxli .lia.cur {
    background: url(../images/proicon04.png) no-repeat 19px center;
    color: #0045AA;
}

.proCol .conleft .box .liUl li a.cur {
    color: #0045AA;
}

.InpageSidebar01 {
    width: 270px;
    float: left;
}

.InpageSidebar01 .top {
    width: 100%;
    height: 80px;
    background: #0045AA;
}

.InpageSidebar01 .top h2 {
    height: 80px;
    text-indent: 28px;
    background: url(../images/InpageSidebar01_icon01.png) no-repeat 218px center;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
}

.InpageSidebar01 .top h2 a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.InpageSidebar01 .classify .box {
    border: 1px solid #e4e4e4;
    border-top: none;
    position: relative;
}

.InpageSidebar01 .classify .box:first-child {
    border-top: 1px solid #e4e4e4;
}

.InpageSidebar01 .classify dl {
    padding: 14px 19px 18px 30px;
}

.InpageSidebar01 .classify dt {
    font-size: 20px;
    color: #333333;
    background: url(../images/mub02_jt03.png) no-repeat 194px 6px;
    margin-bottom: 14px;
}

.InpageSidebar01 .classify dt a {
    color: #333333;
}

.InpageSidebar01 .classify dd p {
    border-left: 1px solid #e4e4e4;
    height: 35px;
    line-height: 35px;
}

.InpageSidebar01 .classify dd p a {
    font-size: 15px;
    color: #333333;
    display: block;
    text-indent: 16px;
    text-decoration: none;
}

.InpageSidebar01 .classify .box i {
    display: none;
    width: 3px;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    background: #0045AA;
}

.InpageSidebar01 .classify .box:hover {
    background: #f5f5f5;
}

.InpageSidebar01 .classify .box:hover i {
    display: block;
}

.InpageSidebar01 .classify .box dt.cur {
    background: url(../images/mub02_jt04.png) no-repeat 194px 6px;
    font-weight: bold;
}

.InpageSidebar01 .classify .box:hover dt a,
.InpageSidebar01 .classify .box dt.cur a {
    color: #0045AA;
    display: block;
    text-decoration: none;
}

.InpageSidebar01 .classify .box:hover dt {
    background: url(../images/mub02_jt04.png) no-repeat 194px 6px;
    font-weight: bold;
}

.InpageSidebar01 .classify dd p:hover a,
.InpageSidebar01 .classify dd p.cur a {
    color: #fff;
}

.InpageSidebar01 .classify dd p:hover,
.InpageSidebar01 .classify dd p.cur {
    background: url(../images/mub02_jt02.png) no-repeat 194px center #0045AA;
}

.InpageSidebar01 .sidebarLinkUs {
    border: 1px solid #e4e4e4;
    margin-top: 20px;
    padding: 0 19px 20px;
    margin-bottom: 20px;
}

.InpageSidebar01 .sidebarLinkUs h3 {
    font-size: 18px;
    color: #0045AA;
    font-weight: normal;
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 18px;
    text-indent: 10px;
}

.InpageSidebar01 .sidebarLinkUs p {
    font-size: 14px;
    color: #333333;
    margin-bottom: 12px;
    line-height: 20px;
    padding: 0 10px;
}

.InpageSidebar01 .sidebarLinkUs .zxzx {
    display: block;
    width: 160px;
    height: 50px;
    overflow: hidden;
    background: #0045AA;
    text-decoration: none;
    margin-top: 20px;
}

.InpageSidebar01 .sidebarLinkUs .zxzx span {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    border-right: 1px solid #fff;
    background: url(../images/zxzx_icon01.png) no-repeat center;
}

.InpageSidebar01 .sidebarLinkUs .zxzx em {
    display: block;
    width: 109px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: left;
    font-style: inherit;
}

.InpageSidebar01 .sidebarLinkUs .zxzx em img {
    display: inline-block;
    *display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 8px;
}

.proDetails {
    width: 100%;
}

.proDetailsSection {
    width: 992px;
    float: right;
}

.proDetailsSection .mainCon {
    border: 1px solid #e4e4e4;
    padding-bottom: 0px;
}

.proDetailsIntro {
    width: 100%;
    height: 418px;
    border-bottom: 1px solid #e4e4e4;
}

.proDetailsIntro .conL {
    width: 458px;
    float: left;
    position: relative;
    height: 418px;
    border-right: 1px solid #e4e4e4;
}

.proDetailsIntro .conL i {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    z-index: 9;
    cursor: pointer;
    overflow: hidden;
    top: 50%;
    margin-top: -22px;
}

.proDetailsIntro .conL i.prev {
    left: -1px;
}

.proDetailsIntro .conL i.next {
    right: -1px;
}

.proDetailsIntro .conL .btnList {
    width: 100%;
    height: 10px;
    text-align: center;
    position: absolute;
    bottom: 18px;
}

.proDetailsIntro .conL .btnList span {
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    position: relative;
    background: url(../images/proDetailsIntro_icon01.png) no-repeat left top;
    margin-left: 14px;
    cursor: pointer;
}

.proDetailsIntro .conL .btnList span.cur {
    background-position: left bottom;
}

.proDetailsIntro .conL .btnList span:first-child {
    margin-left: 0;
}

.proDetailsIntro .conL .conBox {
    width: 458px;
    height: 418px;
    position: relative;
    overflow: hidden;
}

.proDetailsIntro .conL .conBox ul {
    position: absolute;
    top: 0;
    left: 0;
}

.proDetailsIntro .conL .conBox li {
    float: left;
    width: 458px;
}

.proDetailsIntro .conL .conBox li img {
    display: block;
    width: 458px;
    height: 418px;
}

.proDetailsIntro .conR {
    float: right;
    padding-top: 40px;
    width: 400px;
    height: 378px;
    position: relative;
    margin-right: 20px;
}

.proDetailsIntro .conR h3 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    height: 50px;
    overflow: hidden;
}

.proDetailsIntro .conR i {
    display: block;
    height: 1px;
    margin: 30px 0 18px 0;
    background: #e4e4e4;
}

.proDetailsIntro .conR p {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
    height: 176px;
    display: inline-block;
    overflow: hidden;
}

.proDetailsIntro .conR .box {
    width: 100%;
    position: absolute;
    bottom: 34px;
    left: 0;
}

.proDetailsIntro .conR .box .zx {
    display: block;
    width: 172px;
    height: 53px;
    float: left;
    font-size: 20px;
    color: #fff;
    line-height: 53px;
    background: url(../images/proDetailsIntroBg01.png) no-repeat center;
    text-align: center;
    text-decoration: none;
}

.proDetailsIntro .conR .box .zx img {
    position: relative;
    top: 4px;
    margin-left: 12px;
}

.proDetailsIntro .conR .box .phone {
    float: left;
    padding-left: 42px;
    ;
    background: url(../images/proDetailsIntro_phone.png) no-repeat left center;
    margin-left: 18px;
    margin-top: 6px;
}

.proDetailsIntro .conR .box .phone span {
    display: block;
    font-size: 13px;
    color: #666666;
}

.proDetailsIntro .conR .box .phone em {
    display: block;
    font-size: 24px;
    color: #0045AA;
    font-family: arial;
}

.proDetailsCanS {
    width: 952px;
    margin: 20px auto 0;
}

.proDetailsCanS .menu {
    width: 100%;
    height: 54px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
}

.proDetailsCanS .menu li {
    float: left;
    width: 148px;
    border: 1px solid #e4e4e4;
    height: 53px;
    line-height: 53px;
    text-align: center;
    font-size: 14px;
    color: #000;
    border-left: none;
    border-bottom: none;
    cursor: pointer;
}

.proDetailsCanS .menu li:first-child {
    border-left: 1px solid #e4e4e4;
}

.proDetailsCanS .menu li.status_on {
    background: #0045AA;
    border-color: #0045AA;
    color: #fff;
}

.proDetailsCanS .conBox {
    width: 100%;
    background: #fff;
    line-height: 22px;
}

.proDetailsCanS .conBox .box {
    width: 100%;
    height: 100%;
    background: #fff;
}


/* proDetailsLy */

.proDetailsLy {
    width: 870px;
    margin: 30px auto 0;
}

.proDetailsLy .conBox .box1 {
    width: 100%;
    margin-top: 33px;
}

.proDetailsLy .conBox .box1 .Input {
    width: 427px;
    height: 58px;
    border: 1px solid #e4e4e4;
    float: left;
    margin-bottom: 10px;
    margin-left: 12px;
}

.proDetailsLy .conBox .box1 input {
    width: 354px;
    padding-left: 22px;
    padding-right: 51px;
    font-size: 16px;
    color: #999999;
    line-height: 58px;
    outline: none;
    border: none;
}

.proDetailsLy .conBox .box1 .Input1 {
    margin-left: 0;
}

.proDetailsLy .conBox .box1 .Input1 input {
    background: url(../images/proDetailsLy_icon01.png) no-repeat 386px center;
}

.proDetailsLy .conBox .box1 .Input2 input {
    background: url(../images/proDetailsLy_icon02.png) no-repeat 386px center;
}

.proDetailsLy .conBox .box1 textarea {
    padding-left: 22px;
    width: 795px;
    height: 150px;
    border: 1px solid #e0e0e0;
    padding-top: 18px;
    font-size: 16px;
    color: #999999;
    outline: none;
    resize: none;
    background: url(../images/proDetailsLy_icon03.png) no-repeat 828px 18px;
    padding-right: 51px;
}

.proDetailsLy .conBox .box1 .yzmtj {
    margin-top: 20px;
}

.proDetailsLy .conBox .box1 .yzmtj img {
    margin: 10px 0px 15px 15px;
}

.proDetailsLy .conBox .box1 .yzmtj .sr {
    width: 250px;
    float: left;
    border: 1px solid #e0e0e0;
}

.proDetailsLy .conBox .box1 .yzmtj .sr span {
    display: block;
    font-size: 16px;
    color: #999999;
    display: block;
    height: 58px;
    line-height: 58px;
    float: left;
    border-right: 1px solid #e0e0e0;
    width: 100px;
    text-align: center;
}

.proDetailsLy .conBox .box1 .yzmtj .sr input {
    padding: 0 10px;
    width: 127px;
    float: left;
    display: block;
    border: none;
    line-height: 58px;
    font-size: 16px;
    color: #999;
    height: 58px;
    outline: none;
}

.proDetailsLy .conBox .box1 .yzmtj #spVerCode img {
    display: block;
    margin-top: 14px;
    margin-left: 10px;
    float: left;
    width: 105px;
    height: 38px;
}

.proDetailsLy .conBox .box1 .yzmtj a.p {
    line-height: 86px;
    margin-left: 10px;
}

.proDetailsLy .conBox .box1 .yzmtj a.tj {
    display: block;
    width: 410px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: #0045AA;
    text-align: center;
    margin: 0 auto;
}

.mub02tjcp {
    border: 1px solid #e4e4e4;
    padding: 16px 19px 20px;
    margin-top: 20px;
}

.mub02tjcp .conBox {
    width: 100%;
    margin-top: 20px;
}

.mub02tjcp .conBox li {
    width: 307px;
    float: left;
    margin-left: 15px;
    text-align: center;
}

.mub02tjcp .conBox li:first-child {
    margin-left: 0;
}

.mub02tjcp .conBox li span {
    display: block;
    width: 278px;
    height: 240px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
}

.mub02tjcp .conBox li img {
    display: block;
    transform: scale(1);
    transition: all 1s ease-out;
    width: 278px;
    height: 240px;
}

.mub02tjcp .conBox li:hover img {
    transform: scale(1.2);
}

.mub02tjcp .conBox li em {
    display: block;
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: initial;
}

.mub02tjcp .conBox li a {
    display: block;
    text-decoration: none;
}


/* mub02xgyd 相关阅读/推荐阅读公共样式*/

.mub02xgyd {
    border: 1px solid #e4e4e4;
    padding: 0 19px 10px;
    margin-top: 20px;
}

.mub02xgyd .conBox {
    width: 100%;
    margin-top: 22px;
    overflow: hidden;
}

.mub02xgyd .conBox ul {
    width: 106%;
}

.mub02xgyd .conBox li {
    width: 416px;
    overflow: hidden;
    margin-right: 38px;
    float: left;
    margin-bottom: 13px;
}

.mub02xgyd .conBox li a {
    display: block;
    font-size: 14px;
    color: #333333;
    float: left;
    width: 302px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mub02xgyd .conBox li a:hover {
    color: #0045AA;
}

.mub02xgyd .conBox li span {
    display: block;
    font-size: 14px;
    color: #999999;
    font-family: arial;
    float: right;
}

.proDetailsSectionBox .conright {
    float: right;
    /*padding-top: 10px;*/
    width: 473px;
    height: 378px;
    position: relative;
    margin-right: 20px;
}

.proDetailsSectionBox .conright h3 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    /* height:50px; */
    overflow: hidden;
}

.proDetailsSectionBox .conright i {
    display: block;
    height: 1px;
    margin: 20px 0 18px 0;
    background: #e4e4e4;
}

.proDetailsSectionBox .conright p {
    font-size: 14px;
    color: #666666;
    line-height: 18px;
    margin-top: 3px;
    /*display:inline-block;*/
    overflow: hidden;
}

.proDetailsSectionBox .conright p a {
    font-weight: 600;
}

.proDetailsSectionBox .conright .box {
    width: 100%;
    position: absolute;
    bottom: -53px;
    left: 0;
}

.proDetailsSectionBox .conright .box .zx {
    display: block;
    width: 172px;
    height: 37px;
    float: left;
    font-size: 15px;
    color: #fff;
    line-height: 37px;
    background: url(../images/proDetailsIntroBg01.png) no-repeat center;
    text-align: center;
    text-decoration: none;
}

.proDetailsSectionBox .conright .box .zx img {
    position: relative;
    top: 4px;
    margin-left: 12px;
}

.proDetailsSectionBox .conright .box .phone {
    float: left;
    padding-left: 40px;
    /*background: url(../images/proDetailsIntro_phone.png) no-repeat left center;*/
    margin-left: 18px;
    /*margin-top: 6px;*/
}

.proDetailsSectionBox .conright .box .phone span {
    display: block;
    font-size: 13px;
    color: #666666;
}

.proDetailsSectionBox .conright .box .phone em {
    display: block;
    font-size: 24px;
    color: #0045AA;
    font-family: arial;
    font-style: initial;
}

.proDetailsSectionBox {}

.proDetailsSectionBox .conbox {
    padding-top: 25px;
}

.proDetailsSectionBox .conleft {
    width: 435px;
    /*height: 396px;*/
    position: relative;
    margin-left: 18px;
    overflow: hidden;
}

.proDetailsSectionBox .conleft ul {
    position: relative;
}

.proDetailsSectionBox .conleft ul li {
    float: left;
    width: 435px;
    /*height: 396px;*/
}

.proDetailsSectionBox .conleft img {
    display: block;
    width: 99%;
    height: 99%;
    border: 1px solid #dedede;
}

.cpzx .ly_msg {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 0;
}

.cpzx .ly_msg h3 {
    width: 100%;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #dfdfdf;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.cpzx .ly_msg ul {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    padding: 0;
    /* box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;*/
}

.cpzx .ly_msg ul li {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 0;
}

.cpzx .ly_msg ul li h4 {
    width: 17%;
    height: 34px;
    overflow: hidden;
    line-height: 34px;
    margin: 0;
    padding: 0 20px 0 0;
    color: #333;
    font-size: 14px;
    text-align: right;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
    width: 83%;
    overflow: hidden;
    margin: 0;
    padding-right: 20px;
    background: url(../images/tb_img.png) top right no-repeat;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li .msg_ipt1 {
    height: 34px;
}

.cpzx .ly_msg ul li .msg_tara {
    height: 118px;
}

.cpzx .msg_ipt1 input,
.msg_tara textarea {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 8px 15px;
    color: #666;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cpzx .msg_ipt1 input {
    height: 34px;
    line-height: 16px;
}

.cpzx .msg_tara textarea {
    height: 118px;
    line-height: 20px;
    resize: none;
}

.cpzx .ly_msg ul li .msg_ipt2 {
    width: 120px;
    height: 34px;
    overflow: hidden;
    margin-right: 10px;
    padding: 0;
    float: left;
}

.cpzx .msg_ipt2 input {
    display: block;
    width: 120px;
    height: 34px;
    overflow: hidden;
    line-height: 16px;
    margin: 0;
    padding: 8px 15px;
    color: #666;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li a.yzm_img {
    display: block;
    width: 90px;
    height: 34px;
    overflow: hidden;
    margin: 0;
    padding-right: 20px;
    background: url(../images/tb_img.png) top right no-repeat;
    float: left;
}

.cpzx .ly_msg ul li .msg_btn {
    width: 83%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    float: left;
}

.cpzx .msg_btn input {
    display: block;
    width: 100px;
    height: 34px;
    overflow: hidden;
    line-height: 32px;
    margin: 20px 15px 0 0;
    padding: 0;
    background-color: #f0f0f0;
    color: #333;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ccc;
    float: left;
}

.cpzx .ly_msg ul li .msg_ipt12 {
    width: 83%;
    height: 34px;
    overflow: hidden;
    margin: 0;
    padding-right: 20px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cpzx .msg_ipt12 input {
    height: 34px;
    line-height: 16px;
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 8px 15px;
    color: #666;
    font-size: 12px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cpzx .ly_msg ul li h4 {
    width: 13%;
    height: 45px;
    font-size: 14px;
}

.cpzx .ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
    width: 86%;
}

.cpzx .ly_msg ul li .msg_ipt1,
.ly_msg ul li .msg_tara {
    width: 86% !important;
}

.cpzx .ly_msg ul li .msg_ipt1 {
    height: 47px;
}

.cpzx .msg_ipt1 input {
    height: 45px;
    line-height: 45px;
}

.cpzx .ly_msg ul li .msg_ipt12 {
    width: 86% !important;
    height: 45px !important;
}

.cpzx .msg_ipt12 input {
    height: 45px;
}

.cpzx .ly_msg ul li .msg_ipt1 select {
    height: 45px !important;
}

.cpzx input {
    border-radius: 2px;
    border: 1px solid #fff !important;
    background: #f1f1f1;
}

.cpzx textarea {
    border-radius: 2px;
    border: 1px solid #fff !important;
    background: #f1f1f1;
}

.cpzx select {
    border-radius: 2px;
    border: none !important;
    background: #f1f1f1;
    outline: none;
    text-indent: 10px;
}

.cpzx input:focus,
.cpzx textarea:focus {
    border: 1px solid #dedede !important;
}

.cpzx .ly_msg ul li a.yzm_img img {
    height: 100% !important;
}

.cpzx .msg_btn input {
    width: 150px;
    height: 45px;
    line-height: 45px;
}

.cpzx .msg_btn input:first-child {
    background: #0045AA;
    color: #fff;
}

.cpzx .msg_ipt2 input {
    height: 45px;
}

.cpzx .ly_msg ul li .msg_ipt2 {
    height: 45px;
}

@media (max-width:767px) {
    .ly_msg ul li h4 {
        display: none;
    }
    .cpzx .ly_msg ul li div {
        width: 100% !important;
    }
    .cpzx .ly_msg ul li .msg_ipt1,
    .ly_msg ul li .msg_tara {
        width: 100% !important;
    }
    .cpzx .ly_msg ul li .msg_ipt12 {
        width: 100% !important;
    }
    .ly_msg ul li div.msg_ipt2 {
        width: 30% !important;
    }
    .ly_msg ul li span {
        display: none;
    }
    .ly_msg {
        margin: 0 auto 0 !important;
    }
    .cpzx .msg_btn input {
        width: 49%;
        margin-right: 0;
    }
    .cpzx .msg_btn input:first-child {
        margin-right: 2%;
    }
}

.investment_f {
    width: 100%;
    margin: 20px auto
}

.investment_f .investment_title {
    height: 44px;
    width: 100%;
    overflow: hidden
}

.investment_title div {
    width: 131px;
    height: 44px;
    background: url(../images/invest_detail_22.png);
    float: left;
    margin-right: 6px;
    display: inline;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 46px;
    color: #555;
    cursor: pointer;
    margin-left: 1px;
}

.investment_title a,
.investment_title a:link,
.investment_title a:visited,
.investment_title a:hover {
    color: #555;
    width: 131px;
    height: 44px;
    display: inline-block
}

.investment_title div.on a,
.investment_title div.on a:link,
.investment_title div.on a:visited,
.investment_title div.on a:hover {
    color: black
}

.investment_title div.on {
    background: url(../images/invest_detail_18.png);
    color: black
}

.investment_con {
    clear: both;
    background: #fff;
    border: 1px solid #EDEDED;
    padding: 20px;
}

.investment_con_list {
    display: none;
}

.tuijiannews {
    font-size: 13px;
    line-height: 28px;
    padding-left: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shye {
    width: 23%;
    float: left;
    margin: 1%;
}

.shye img {
    width: 100%;
    border: 1px solid #a6b1ac;
}

.sdxsw {
    margin-top: -13px;
    text-align: center;
    color: #0045AA;
    font-size: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 一站式服务 */

.g_sypt1 {
    /*background:url(../images/lang.jpg) no-repeat;*/
    background-size: 100% 100%;
    position: relative;
}

.g_lziicen {
    /*position: absolute;*/
    /*top:50%;*/
    /* right:0; */
    /*transform: translateY(-50%);*/
    height: 374px;
    width: 100%;
}

.g_lziinrpttu {
    width: 212px;
}

.g_lziinrpttu img {
    width: 100%;
}

.g_lziicenfl {
    width: calc(100% - 1230px);
}

.g_lziicenfr {
    width: 1576px;
    margin: auto;
}

.g_lziinr {
    position: relative;
    color: #fff;
    width: 185px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: margin 0.3s ease;
    -moz-transition: margin 0.3s ease;
    -ms-transition: margin 0.3s ease;
    -o-transition: margin 0.3s ease;
    transition: margin 0.3s ease;
}

.g_lziicenfl1 {
    width: 38px;
    font-family: '微软雅黑';
    font-size: 36px;
    color: #fff;
    line-height: 40px;
}

.g_lziicenfl2 {
    margin-top: 40px;
    margin-left: 18px;
}

.g_sypt1 .fl {
    float: left;
}

.g_sypt1 .fr {
    /* float:right; */
}

.g_lziinr.act {
    width: 279px;
    height: 350px;
    position: relative;
    /*margin-top: -10px;*/
}

.g_lziinr.act .g_lziinrpttu img {
    width: 100%;
    /*height:502px;*/
}

.g_lziinr.act .g_shuxian {
    display: none;
}

.g_lziinr.act .g_lzpt7btnb {
    display: block;
}

.g_lziinr.act .g_lziinrp {
    display: block;
}

.g_lziinr.act .g_lziinrptmc {
    background: #0045AA;
    opacity: 0.8;
}

.g_lziinrpttu {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.g_lziinrpttu img {
    width: 150%;
    height: 350px;
}

.g_lziinrpt {
    position: relative;
}

.g_lziinrptmc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 98.8%;
    background: #000;
    opacity: 0.5;
    z-index: 10;
}

.g_lziinrwz {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.g_lziinrwztu {
    width: 37px;
    margin: 0 auto 26px;
}

.mks {
    width: 1400px;
    margin: auto;
    display: table;
}

.g_lziinrwztu img {
    width: 100%;
}

.g_lziinrjs {
    font-family: '微软雅黑';
    font-size: 18px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 26px;
}

.g_lziinrp {
    font-family: '微软雅黑';
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    height: 114px;
    overflow: hidden;
    letter-spacing: 1px;
    display: none;
}

.g_lziinr .g_lzpt7btnb {
    width: 158px;
    height: 40px;
    margin: 38px auto 0;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 25px;
    display: none;
}

.g_lzpt7btn {
    display: inline-block;
}

.g_lzpt7btnfl {
    font-family: '微软雅黑';
    /* font-size: 14px; */
    color: #fff;
    line-height: 40px;
}

.g_lzpt7btnfr {
    width: 14px;
    display: inline-block;
    line-height: 38px;
    margin-left: 12px;
}

.g_lzpt7btnfr img {
    width: 100%;
}

.g_lzii {
    overflow: hidden;
    background: black;
}

.g_lzii .waves {
    height: 725px;
    position: relative;
    width: 100%;
    background: #000;
}


/* 解决方案 */


/*.index2{padding-bottom: 5px; background-size: cover;overflow: hidden;}*/


/*.index2 ul{position: relative; margin:-5px; clear: both;height:826px;}*/


/*.index2 ul li{position: absolute; padding: 5px; overflow: hidden;}*/


/*.index2 ul li:nth-child(1){width: 40%; height: 41.6%; top: 0; left: 0;}*/


/*.index2 ul li:nth-child(2){width: 37%; height: 49.3%; top: 0; left: 40%;}*/


/*.index2 ul li:nth-child(3){width: 23%; height: 49.3%; top: 0; right: 0;}*/


/*.index2 ul li:nth-child(4){width: 40%; height: 58.4%; bottom: 0; left: 0;}*/


/*.index2 ul li:nth-child(5){width: 23%; height: 50.6%; bottom: 0; left: 40%;}*/


/*.index2 ul li:nth-child(6){width: 37%; height: 50.6%; bottom: 0; right: 0;}*/


/*.index2_wrap{position: relative; overflow: hidden;width: 100%; height: 100%;}*/


/*.index2_wrap > a{display: block;width: 100%; height: 100%;}*/


/*.index2_wrap > a img{width: 100%; height: 100%;}*/


/*.index2_con{ color: #fff; position: absolute; top: 0; left: 0; padding: 54px; background: rgba(0,0,0,0.1); width: 100%; height: 100%;}*/


/*.index2_con a{ color: #fff; font-weight: bold;font-size:25px;}*/


/*.index2_con h1{line-height: 1em; margin-bottom: 1em;}*/


/*.index2_con p{line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 2.5em; opacity: 0; transition: all 0.5s;}*/


/*.index2_con a.more{ opacity: 0;transition: all 0.5s;font-size:25px;}*/


/*.jsnxz{*/


/*width:1576px;*/


/*margin: auto;*/


/*}*/


/*.index2 ul li:hover .index2_con{background: rgba(0,0,0,0.5);}*/


/*	.index2 ul li:hover .index2_con p{opacity: 1;}*/


/*	.index2 ul li:hover .index2_con a.more{opacity: 1;}*/

.fpintai {
    padding: 15px 0 9px;
    background: url('../images/fpintaibg.jpg') center 0 no-repeat;
}

.fpintai .intro {
    font-size: 16px;
    color: #d7e8f6;
    line-height: 28px;
    text-align: center;
    margin: 34px auto 70px;
    max-width: 870px;
}

.fcate1 {
    color: #fff;
    text-align: center;
}

.fcate1 .cn {
    font-size: 42px;
    line-height: 56px;
    font-weight: bold;
}

.fcate1 .en {
    font-size: 20px;
    line-height: 28px;
    font-family: 'Century';
}

@media screen and (max-width: 750px) {
    .fcate1 .cn {
        font-size: 32px;
    }
}

.fpintailist {
    font-size: 0;
    text-align: center;
}

.fpintailist li {
    display: inline-block;
    width: 190px;
    max-width: 14.2%;
    position: relative;
}

.fpintailist li .lin {
    padding: 0 30px;
}

.fpintailist li a {
    display: block;
    border-radius: 0 40px;
    padding: 6px 0;
    background-color: #0045AA;
}

.fpintailist .pic {
    height: 46px;
    padding-top: 9px;
    line-height: 42px;
    font-size: 0;
    margin: 0 auto 6px;
}

.fpintailist img {
    max-width: 100%;
    max-height: 100%;
}

.fpintailist h3 {
    font-size: 16px;
    color: #c0dbf3;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}

.fpintailist .arr {
    height: 12px;
    /*background: url('../images/jtd-ftai.png') center no-repeat;*/
    margin-top: 18px;
}

.fpintailist li:hover a,
.fpintailist li.on a {
    background-color: #27497b;
}

.fpintailist li:hover h3,
.fpintailist li.on h3 {
    color: #fff;
}

@media screen and (max-width: 1400px) {
    .fpintailist li {
        width: 14.2%;
    }
    .fpintailist li .lin {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1023px) {
    .fpintailist li {
        width: 25%;
        max-width: none;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 750px) {
    .fpintailist li {
        width: 33.3%;
    }
}

@media screen and (max-width: 640px) {
    .fpintailist li .lin {
        padding: 0 10px;
    }
}

.friout {
    padding: 90px 0;
}

.fri {
    padding-left: 280px;
    position: relative;
    white-space: nowrap;
    font-size: 0;
}

.fri dd {
    display: inline-block;
    width: 206px;
    height: 100px;
    text-align: center;
    line-height: 100px;
}

.fri dd .inn {
    padding: 0 23px;
}

.fri dd img {
    max-width: 90%;
    max-height: 90%;
}

.fcate3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 160px;
    height: 100px;
}

.fcate3:before {
    content: '';
    position: absolute;
    left: -22px;
    top: -2px;
    z-index: 0;
    width: 110px;
    height: 103px;
    background: url('../images/friicon.png') center no-repeat;
}

.fcate3 .cn {
    font-size: 38px;
    color: #333;
    line-height: 48px;
    font-weight: bold;
    padding-top: 20px;
    position: relative;
    z-index: 1;
}

.fcate3 .cn a {
    color: #333;
}

.fcate3 .en {
    font-size: 14px;
    color: #999;
    line-height: 28px;
    font-family: 'arial';
    text-transform: uppercase;
    margin-top: 4px;
}

@media screen and (max-width: 1700px) {
    .fri {
        white-space: normal;
    }
}

@media screen and (max-width: 1200px) {
    .fri {
        padding-left: 180px;
    }
    .fri dd .inn {
        padding: 0 15px;
    }
}

@media screen and (max-width: 900px) {
    .friout {
        padding: 60px 0 70px;
    }
    .fri {
        padding-left: 0;
        padding-top: 120px;
    }
    .fcate3 {
        left: 50%;
        margin-left: -80px;
        text-align: center;
    }
    .fri dd {
        width: 25%;
    }
    .fri dd .inn {
        padding: 0 10px;
    }
}

@media screen and (max-width: 750px) {
    .fri dd {
        width: 33%;
    }
    .fcate3 .cn {
        font-size: 30px;
    }
}

.ftechbg {
    /*background-color: #1164a7;*/
}

.ftech {
    /*background-color: #fff;*/
    padding: 140px 0 108px;
    position: relative;
}

.claxs1 {
    background-image: url('../images/bak1.jpg');
    background-color: 100%;
}

.claxs2 {
    background-image: url('../images/bak2.jpg');
    background-color: 100%;
}

.claxs3 {
    background-image: url('../images/bak3.jpg');
    background-color: 100%;
}

.claxs4 {
    background-image: url('../images/bak4.jpg');
    background-color: 100%;
}

.claxs5 {
    background-image: url('../images/bak5.jpg');
    background-color: 100%;
}

.claxs6 {
    background-image: url('../images/bak6.jpg');
    background-color: 100%;
}

.claxs7 {
    background-image: url('../images/bak7.jpg');
    background-color: 100%;
}

.claxs8 {
    background-image: url('../images/bak8.jpg');
    background-color: 100%;
}

.claxs9 {
    background-image: url('../images/bak9.jpg');
    background-color: 100%;
}

.ftech:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    /*width: 24px;*/
    height: 100%;
    /*background-color: #005eb2;*/
}

.swftechout {
    position: relative;
    max-width: 1063px;
    margin: 0 auto;
}

#swftech {
    height: 541px;
    overflow: hidden;
}

#swftech .swiper-slide {
    overflow: hidden;
}

#swftech .swiper-slide a {
    display: block;
    width: 100%;
    padding-bottom: 29px;
    padding-left: 40px;
    padding-right: 40px;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    overflow: hidden;
}

#swftech .wz {
    float: right;
    width: 68.5%;
    height: 100%;
    overflow: hidden;
}

#swftech .pic {
    float: left;
    width: 25.6%;
    height: 70%;
    margin-top: 6%;
    overflow: hidden;
    position: relative;
}

#swftech .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 0 60px;
}

#swftech .pic img:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

#swftech h3 {
    font-size: 29px;
    color: #005eb2;
    line-height: 45px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-top: 28px;
}

#swftech .txt {
    font-size: 16px;
    color: #777;
    line-height: 32px;
    height: 96px;
    overflow: hidden;
}

#swftech label {
    display: block;
    width: 164px;
    height: 48px;
    background-color: #005eb2;
    margin-top: 19px;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    text-align: center;
    font-family: 'FuturaBTBook';
    border-radius: 24px;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
}

#swftech label:hover {
    opacity: 0.8;
}

#swftech .hx {
    width: 60px;
    height: 2px;
    background-color: #2778be;
    margin: 22px 0 9px;
}

#swftech .date {
    font-size: 100px;
    color: #eae9e9;
    line-height: 120px;
    height: 120px;
    overflow: hidden;
}

#swftech .swiper-pagination {
    left: 26px;
    bottom: 20px;
}

#swftech .swiper-pagination-bullet {
    margin: 0 13px;
    opacity: 1;
    border: 1px solid #fff;
    background-color: transparent;
    outline: 0 none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

#swftech .swiper-pagination-bullet-active {
    background-color: #fff;
}

@media screen and (max-width: 1440px) {
    .ftech:before {
        display: none;
    }
    #swftech .txt {
        height: 128px;
    }
    #swftech label {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1200px) {
    .ftech {
        padding: 110px 0 130px;
    }
    #swftech .pic {
        width: 48%;
    }
    #swftech .wz {
        width: 68%;
    }
}

@media screen and (max-width: 1023px) {
    #swftech {
        height: auto;
    }
    #swftech .pic {
        float: none;
        width: 100%;
        height: auto;
        text-align: center;
    }
    #swftech .pic img {
        width: auto;
        height: 400px;
        max-width: 100%;
        border-radius: 0 30px;
    }
    #swftech .wz {
        float: none;
        width: 600px;
        max-width: 100%;
        margin: 40px auto 0;
    }
    #swftech .date {
        display: none;
    }
    #swftech .hx {
        margin: 22px auto;
    }
    #swftech label {
        margin: 20px auto 0;
    }
    #swftech h3 {
        font-size: 26px;
        text-align: center;
        margin-top: 0;
    }
    .ftech {
        padding: 80px 0 90px;
    }
}


/* 首页荣誉资质 */

.djiadakh {
    max-width: 1500px;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
    padding: 0 2%;
}

.jsihu {
    margin-top: 4%;
}

.swtongsainer {
    overflow: hidden;
    padding-bottom: 1%;
}

.yongi img {
    width: 100%;
    height: auto;
}

.yongikdoam {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 2px;
    color: #333333;
}

.yongikdoam a {
    color: #333333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiggion {
    text-align: center;
}

.swiggion .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    display: inline-block;
    border-radius: 100%;
    background: #e5e5e5;
    opacity: 1;
    border-radius: 8px;
}

.swiggion .swiper-pagination-bullet-active {
    opacity: 1;
    background: #0045AA;
}

.honers {
    margin-top: -12px;
}


/* 首页关于我们 */

.fabout {
    height: 658px;
    position: relative;
    background: url('../images/faboutbg.jpg') right no-repeat;
}

.faboutleft {
    position: absolute;
    left: 50%;
    top: 132px;
    z-index: 1;
    margin-left: -800px;
    width: 746px;
    max-width: 100%;
}

.faboutleft:before {
    content: '';
    position: absolute;
    left: -22px;
    top: -26px;
    z-index: 0;
    width: 110px;
    height: 103px;
    /*background: url('../images/fabicon.png') center no-repeat;*/
}

.faboutleft h2 {
    font-size: 42px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
    position: relative;
    z-index: 2;
}

.faboutleft .contxt {
    margin: 30px 0 44px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    max-height: 150px;
    overflow: hidden;
}

.guolist5 {
    overflow: hidden;
    font-size: 0;
}

.guolist5 li {
    display: inline-block;
    width: 190px;
    max-width: 50%;
}

.guolist5 li a {
    display: block;
    color: #fff;
}

.guolist5 h3 {
    font-size: 42px;
    height: 48px;
    line-height: 48px;
}

.guolist5 .txt {
    font-size: 14px;
    line-height: 28px;
}

.posi {
    position: relative;
}

.ability_c .left {
    width: 50%;
}

@media screen and (max-width: 1700px) {
    .cls {
        width: 1400px;
    }
}

@media screen and (max-width: 1660px) {
    .faboutleft {
        left: 5%;
        margin-left: 0;
        max-width: 80%;
        padding: 20px;
        /*background-color: rgba(0, 0, 0, 0.3);*/
        top: 112px;
    }
    .wt-hz .row {
        width: 1400px !important;
    }
}

@media screen and (max-width: 1200px) {
    .faboutleft {
        /*background-color: rgba(0, 0, 0, 0.6);*/
    }
}

@media screen and (max-width: 750px) {
    .faboutleft h2 {
        font-size: 30px;
        line-height: 50px;
    }
    .guolist5 h3 {
        font-size: 30px;
    }
}


/* vip */


/*.section_02{ background:#edf3fb;padding-bottom:53px;z-index:50;padding-top:53px;}*/


/*.section_02 .master_bg{bottom:0;}*/


/*.section_02 .master_title{color:#07294e;}*/


/*.section_02 .ability_t{align-items:center;}*/


/*.section_02 .master_more{margin-left:auto;}*/


/*.ability{margin: auto;width:1576px;}*/


/*.ability_c{margin-top:20px;}*/


/*.ability_c .ability_list>.ability_v{overflow:hidden;opacity:0;-webkit-opacity:0;transition:ease 1.5s;-webkit-transition:ease 1.5s;*/


/*-webkit-transition-delay:0.3s;transition-delay:0.3s;z-index:2;}*/


/*.ability_c .ability_list>.ability_v:before{position:absolute;content:'';width:99.5%;left:0;height:98%;top:0;z-index:-1;}*/


/*.ability_c .ability_list>.ability_v:after{position:absolute;content:'';width:18vw;height:18vw;border-radius:50%;-webkit-border-radius:50%;*/


/*background-color:#edf3fb;z-index:20;}*/


/*.ability_c .ability_list .course_title{font-size:24px;margin-bottom:1vw;line-height:26px;font-weight:bold;}*/


/*.ability_c .ability_list .course_txt{font-size:15px;line-height:26px;height:78px;}*/


/*.ability_c .ability_list .course_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}*/


/*.ability_c .ability_list .course_details{font-size:16px;margin-top:1vw;}*/


/*.ability_c .ability_list:nth-child(1)>.ability_v{padding:2vw 8vw 2vw 2vw;margin-right:3vw;margin-bottom:2vw;transform:translate(20%,20%);-webkit-transform:translate(-20%,-20%)}*/


/*.ability_c .ability_list:nth-child(2)>.ability_v{padding:2vw 2vw 2vw 8vw;margin-left:3vw;margin-bottom:2vw;transform:translate(-20%,20%);-webkit-transform:translate(20%,-20%)}*/


/*.ability_c .ability_list:nth-child(3)>.ability_v{padding:2vw 8vw 2vw 2vw;margin-right:3vw;margin-top:2vw;transform:translate(20%,-20%);-webkit-transform:translate(-20%,20%)}*/


/*.ability_c .ability_list:nth-child(4)>.ability_v{padding:2vw 5vw 2vw 8vw;margin-left:3vw;margin-top:2vw;transform:translate(-20%,-20%);-webkit-transform:translate(20%,20%)}*/


/*.ability_c.animated .ability_list:nth-child(1)>.ability_v,.ability_c.animated .ability_list:nth-child(2)>.ability_v,*/


/*.ability_c.animated .ability_list:nth-child(3)>.ability_v,.ability_c.animated .ability_list:nth-child(4)>.ability_v*/


/*{transform:none;-webkit-transform:none;opacity:1;-webkit-opacity:1;}*/


/*.ability_c .ability_list:nth-child(1)>.ability_v:after{right:-12vw;bottom:-11vw;border:2px solid #00a3f9;}*/


/*.ability_c .ability_list:nth-child(2)>.ability_v:after{left:-12vw;bottom:-11vw;border:2px solid #ff723a;}*/


/*.ability_c .ability_list:nth-child(3)>.ability_v:after{right:-12vw;top:-11vw;border:2px solid #ffa940;}*/


/*.ability_c .ability_list:nth-child(4)>.ability_v:after{left:-12vw;top:-11vw;border:2px solid #07bfbf;}*/


/*.ability_c .ability_list:nth-child(1)>.ability_v:before{border:2px solid #00a3f9;}*/


/*.ability_c .ability_list:nth-child(2)>.ability_v:before{border:2px solid #ff723a;}*/


/*.ability_c .ability_list:nth-child(3)>.ability_v:before{border:2px solid #ffa940;}*/


/*.ability_c .ability_list:nth-child(4)>.ability_v:before{border:2px solid #07bfbf;}*/


/*.ability_c .ability_list .course_details>a:first-child{color:#666;}*/


/*.ability_c .ability_list:nth-child(1) .course_title,.ability_c .ability_list:nth-child(1) .course_details>a:last-child{color:#00a3f9;}*/


/*.ability_c .ability_list:nth-child(2) .course_title,.ability_c .ability_list:nth-child(2) .course_details>a:last-child{color:#ff723a;}*/


/*.ability_c .ability_list:nth-child(3) .course_title,.ability_c .ability_list:nth-child(3) .course_details>a:last-child{color:#ffa940;}*/


/*.ability_c .ability_list:nth-child(4) .course_title,.ability_c .ability_list:nth-child(4) .course_details>a:last-child{color:#07bfbf;}*/


/*.ability_c .course_num{position:absolute;width:5vw;}*/


/*.ability_c .course_num img{width:100%;}*/


/*.ability_c .ability_list:nth-child(1)>.ability_v .course_num{top:1.2vw;right:1.2vw;}*/


/*.ability_c .ability_list:nth-child(2)>.ability_v .course_num{top:1.2vw;left:1.2vw;}*/


/*.ability_c .ability_list:nth-child(3)>.ability_v .course_num{bottom:1.2vw;right:1.2vw;}*/


/*.ability_c .ability_list:nth-child(4)>.ability_v .course_num{bottom:1.2vw;left:1.2vw;}*/


/*.ability_c .ability_circular{position:absolute;left:50%;top:50%;width:0;height:0;z-index:50;transition:ease 1.5s;-webkit-transition:ease 1.5s;}*/


/*.ability_c .ability_circular img{width:100%;height:100%;}*/


/*.ability_c.animated .ability_circular{width:16vw;height:16vw;margin-left:-8vw;margin-top:-8vw;*/


/*transform:rotate(360deg);-webkit-transform:rotate(360deg);}*/


/*.ability_c .ability_list .course_title{font-size:18px;}*/


/*	.ability_c .ability_list .course_txt{font-size:14px;line-height:24px;height:72px;}*/

.super_bg {
    background: url(../images/ys_bg.jpg) no-repeat center 0;
    overflow: hidden;
    height: 930px;
    padding-top: 8px;
    background-size: cover;
    padding-bottom: 74px;
}

.super_l {
    width: 286px;
    margin-top: 40px;
}

.super_l ul li {
    width: 286px;
    height: 169px;
    padding: 30px 0 0;
    font-size: 14px;
    color: #fff;
    background: #005eb2;
    text-align: center;
    margin-bottom: 2px;
}

.super_l ul li em {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 0;
    overflow: hidden;
    margin: 0 auto;
}

.super_l ul li em img {
    width: 48px;
    height: 48px;
}

.super_l ul li span {
    display: block;
    line-height: 22px;
    padding-top: 10px;
}

.super_l ul li i {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    font-family: Arial, Helvetica, sans-serif;
}

.super_l ul li.on,
.super_l ul li:hover {
    background: #0045AA;
}

.super_r {
    width: 1124px;
    height: 681px;
    margin-top: 40px;
}

.super_r dl {
    width: 1124px;
    height: 681px;
    position: relative;
}

.super_r dl dt {
    width: 1124px;
    height: 681px;
    line-height: 0;
    overflow: hidden;
}

.super_r dl dt img {
    width: 1124px;
    height: 681px;
}

.super_r dl dd {
    /*width: 330px;*/
    position: absolute;
    top: 85px;
    left: 55px;
    z-index: 5;
}

.super_r dl dd h5 {
    height: 140px;
    font-size: 32px;
    color: #fff;
    position: relative;
    line-height: 40px;
}

.super_r dl dd h5:before {
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.super_r dl dd b {
    display: block;
    font-family: "DINOT";
    font-size: 72px;
    color: #fff;
    line-height: 72px;
    height: 75px;
}

.super_r dl dd p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    padding: 30px 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 330px;
}

.four_btn {
    position: absolute;
    top: 570px;
    left: 280px;
    width: 110px;
}

.four_btn a {
    display: block;
    width: 47px;
    height: 47px;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}

.four_btn img {
    width: 47px;
    height: 47px;
}

.four_btn a:hover {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
}

.klsx {
    width: 1430px;
    margin: 0 auto;
    display: block;
}


/* 首页新闻 */


/*.in-4{*/


/*	margin-top:44px;*/


/*	padding-bottom:36px;*/


/*}*/


/*.index-sec5{ width: 100%; height: 100%;  background-size: auto; background-size: 100% 100%; }*/


/*.index-sec5 ul{width:1576px;margin: auto; display: flex; justify-content: center; flex-wrap: wrap; display: -webkit-flex; padding-top: 18px;}*/


/*.index-sec5 li{ margin: 0 0 50px 0; width: 43%; position: relative; }*/


/*.index-sec5 li:nth-child(2n){ margin-left: 100px;}*/


/*.index-sec5 .time{ background: #0045AA; width: 115px; height: 115px; display: flex; display: -webkit-flex; align-items: center; align-content: center;*/


/*flex-wrap: wrap; position: absolute; top: 50%; margin-top: -57px; left: -50px; transition: all 0.36s;}*/


/*.index-sec5 strong{ display: block; text-align: center; color: #fff; font-size: 20px; font-family: arial; width: 100%;}*/


/*.index-sec5 b{ display: block; text-align: center; color: #fff; font-size: 30px; font-family: arial; width: 100%;}*/


/*.index-sec5 figcaption{ background: #fff; padding: 50px 20px 50px 90px; box-sizing: content-box; -moz-box-sizing: content-box;*/


/*-webkit-box-sizing: content-box; -moz-box-sizing: content-box; transition: all 0.36s;border:1px solid #c5ccc9}*/


/*.index-sec5 h3{ color: #000; font-size: 16px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.36s;}*/


/*.index-sec5 p{ color: #555; font-size: 14px; height: 40px; line-height: 20px;}*/


/*.index-sec5 .more{ display: block; margin: 0 auto; border:3px solid #fff; width: 255px; height: 60px; text-align: center; line-height: 54px;*/


/*color: #fff; font-size: 20px; font-family: "times new roman"; text-transform: uppercase; position: relative; overflow: hidden;*/


/*z-index: 33;}*/


/*.index-sec5 figcaption:hover{*/


/*    box-shadow: 2px 5px 20px 5px rgb(0 0 0 / 30%);*/


/*}*/


/*.btn-3:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; */


/*border-color:transparent transparent transparent #0045AA; position:absolute; bottom:0; left:0; transition: all 0.6s; z-index: -1;} */


/*.btn-3:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; */


/*border-color:transparent #0045AA transparent transparent; position:absolute; top:0; right:0; transition: all 0.6s; z-index: -1;} */


/*.btn-3 span:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; */


/*border-color:transparent transparent #0045AA transparent; position:absolute; right:0; bottom:0; transition: all 0.6s;z-index: -1; } */


/*.btn-3 span:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; */


/*border-color:#0045AA transparent transparent transparent; position:absolute; top:0; left:0; transition: all 0.6s; z-index: -1; } */


/*.btn-3:hover { color:#fff; } */


/*.btn-3:hover:before { border-width:180px 0 0 180px } */


/*.btn-3:hover:after { border-width:0 180px 180px 0 }*/


/*.btn-3:hover span:before { border-width:0 0 180px 180px } */


/*.btn-3:hover span:after { border-width:180px 180px 0 0 }*/


/*.index-sec5 li:hover .time{ top: 0; left: 0; margin-top: 0; }*/


/*.index-sec5 li:hover figcaption{ padding-left: 150px;}*/


/*.index-sec5 li:hover h3{ color: #0045AA;}*/


/*.index-sec5.active li,.index-sec5.active .more{ animation-name: fadeInUp; }*/


/*.home_news .news_list a {*/


/*    width: 100%;*/


/*    margin: 0 !important;*/


/*}*/


/*.home_news {*/


/*    padding: 0px 0 20px;*/


/*display: table;*/


/*}*/


/*.home_news .boxs{*/


/*    display: table;*/


/*    margin:auto;*/


/*    width:1426px;*/


/*}*/


/*.home_news .picture{*/


/*    border:1px solid #e2e2e6;*/


/*}*/


/*.home_news .news_list .l2 {*/


/*    margin: 9px 0;*/


/*    height: 48px;*/


/*    font-size: 15px;*/


/*    line-height: 24px;*/


/*    font-weight: lighter;*/


/*    color: #999999;*/


/*}*/


/*.home_news .news_list .l1 {*/


/*    height: 34px;*/


/*    font-size: 19px;*/


/*}*/


/*.home_news .news_list .l3 {*/


/*    margin: 0;*/


/*    color: #999999;*/


/*}*/


/*.home_news li {*/


/*    padding: 0 35px;*/


/*    box-sizing: border-box;*/


/*    float: left;*/


/*    width:33%;*/


/*}*/


/*.home_sum .title {*/


/*    font-size: 44px;*/


/*    color: #222222;*/


/*    font-weight: bold;*/


/*    text-align: center;*/


/*    padding: 100px 0 40px;*/


/*}*/


/*.home_news .news_list {*/


/*    width: calc(100% + 70px);*/


/*    margin-left: -35px;*/


/*    padding-top: 12px;*/


/*}*/


/*.home_news .news_list a:hover {*/


/*    box-shadow: 0px 0px 0px #000000;*/


/*}*/


/*.home_news .news_list a:after {*/


/*    background: #FFFFFF;*/


/*}*/


/*.home_news .news_list .lans {*/


/*    padding-left: 0;*/


/*    margin-top:18px;*/


/*    padding-right: 0;*/


/*}*/


/*@media screen and (max-width: 1600px) {*/


/*    .slick-arrow {*/


/*        width: 20px;*/


/*        height: 20px;*/


/*        top: calc(50% - 10px);*/


/*    }*/


/*    .slick-arrow.prev {*/


/*        left: -30px;*/


/*    }*/


/*    .slick-arrow.next {*/


/*        right: -30px;*/


/*    }*/


/*    .home_news {*/


/*        padding: 20px 0 70px;*/


/*display: table;*/


/*    }*/


/*    .home_news .news_list .l2 {*/


/*        margin: 15px 0;*/


/*        height: 40px;*/


/*        font-size: 14px;*/


/*        line-height: 20px;*/


/*    }*/


/*    .home_news .news_list .l1 {*/


/*        height: 30px;*/


/*        font-size: 22px;*/


/*    }*/


/*    .home_news li {*/


/*        padding: 0 20px;*/


/*        box-sizing: border-box;*/


/*        width:33%;*/


/*        float: left;*/


/*    }*/


/*    .home_news .news_list {*/


/*        width: calc(100% + 40px);*/


/*        margin-left: -20px;*/


/*    }*/


/*}*/


/* 底部联系我们 */

.nsh {
    background: url(../images/page6.jpg) no-repeat center center;
    background-size: unset;
}

.page6 {
    position: relative;
    display: table;
    width: 100%;
    padding-top: 47px;
    padding-bottom: 83px;
}

.page_tit {
    width: 100%;
    display: table;
}

.page_tit h3 {
    color: white;
    font-size: 24px;
}

.page6_text .text {
    color: white;
    display: table;
}

label.line {
    display: inline-block;
    width: 60px;
    height: 4px;
    background: #fff;
    margin: 20px 0;
}

.page6_text {
    width: 45%;
    float: left;
}

.page6 {
    position: relative;
}

.copyright {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    color: white;
    text-align: center;
}

.copyright p {
    text-align: center;
    /* opacity: .36; */
}

.copyright a {
    color: white;
}

.page6_contact {
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 5px;
    width: 45%;
    float: right;
    padding: 1px 0;
}

.page6_contact .list {
    padding: 0 25px;
}

.page6_contact .list li {
    width: 48%;
    margin: 0 1%;
    float: left;
    margin-bottom: 25px;
}

.page6_contact .list li.li_last {
    width: 98%;
}

.page6_contact .list ul {
    margin: 0 -1%;
}

.page6_contact .list span {
    display: block;
    margin-bottom: 10px;
    color: white;
}

.div_input {
    background: #fff;
    padding: 0 15px;
    line-height: 46px;
}

.div_input textarea {
    padding: 10px 0;
    background: none;
    height: 84px;
    width: 100%;
    border: 0;
    resize: none;
}

.div_input input {
    background: none;
    width: 100%;
    border: 0;
}

.page6_contact h3 {
    text-align: center;
    font-size: 22px;
    line-height: 50px;
    color: white;
    margin-bottom: 25px;
}

.page6_text .list ul li {
    margin-top: 15px;
    line-height: 40px;
    padding-left: 64px;
}

.page6_text .list ul li p {
    color: #fff;
}

.page6_text .list ul li.li1 {
    background: url(../images/icon8.png) no-repeat left center;
}

.page6_text .list ul li.li2 {
    background: url(../images/icon9.png) no-repeat left center;
}

.page6_text .list ul li.li3 {
    background: url(../images/icon10.png) no-repeat left center;
}

.page6_text .ewm {
    width: 172px;
    position: relative;
    margin-top: -30px;
    padding: 12px;
    /* margin-top: 40px; */
    float: left;
    margin-left: 63px;
}

.page6_text .ewm i {
    display: block;
    width: 22px;
    height: 22px;
    border-style: solid;
    border-color: #fff;
    position: absolute;
}

.page6_text .ewm i.i_t {
    top: 0;
    border-top-width: 2px;
}

.page6_text .ewm i.i_l {
    left: 0;
    border-left-width: 2px;
}

.page6_text .ewm i.i_r {
    right: -13px;
    border-right-width: 2px;
}

.page6_text .ewm i.i_b {
    bottom: 0;
    border-bottom-width: 2px;
}

.page6_text .ewm img {
    display: block;
    position: relative;
}

.page6_contact .btn {
    margin: 20px 0;
}

.page6_text .list {
    float: left;
}

.center {
    text-align: center;
}

.center #tj {
    display: inline-block;
    width: 110px;
    line-height: 34px;
    background: #0045AA;
    color: #fff;
    text-align: center;
    border: 0
}

.center a {
    display: inline-block;
    width: 110px;
    line-height: 34px;
    background: #0045AA;
    color: #fff;
    text-align: center;
}

.center a:hover {
    background: #00639a;
}

.dibukun {
    width: 96%;
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
}

@media screen and (max-width:1600px) {
    .g_lziicenfr {
        width: 1400px;
    }
    .index-sec5 ul {
        width: 1300px;
    }
    .g_lziinr.act {
        width: 227px;
    }
    .g_lziinr {
        width: 161px;
    }
    .g_lziinrp {
        font-size: 8px;
        line-height: 19px;
        height: 179px;
    }
    .cls {
        width: 1300px;
    }
    .jsnxz {
        width: 1300px;
    }
    .ability {
        width: 1300px;
    }
}

@media screen and (max-width:1400px) {
    .home_news .boxs {
        width: 1173px !important;
    }
}

@media screen and (max-width:1300px) {
    .cls {
        width: 1000px;
    }
    .wt-hz .row {
        width: 1200px !important;
    }
    .btn-inner {
        font-size: 10px;
    }
    .g_lziicenfr {
        width: 1200px;
    }
    .g_lziinr.act {
        width: 169px;
    }
    .g_lziinr .g_lzpt7btnb {
        width: 118px;
    }
    .g_lziinr {
        width: 147px;
    }
    .jsnxz {
        width: 1100px;
    }
    .ability {
        width: 1100px;
    }
    .index-sec5 ul {
        width: 1100px;
    }
    .head-main .nav>ul>li>a {
        padding-left: 5px;
        padding-right: 5px;
    }
}


/*维替优势*/

.row-a5 {
    overflow: hidden;
    padding-bottom: 135px;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.row-a5 .cont {
    margin: 0 105px;
}

.m-you {
    float: left;
    width: 48%;
    color: #fff;
    padding-top: 122px;
}

.m-you h3 {
    font-size: 2.72vw;
    font-weight: normal;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 33px;
}

.m-you h3 a {
    color: #fff;
}

.m-you h3:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 60px;
    background-color: #fff;
}

.m-you .txt {
    line-height: 28px;
    font-size: 16px;
}

.m-you .txt p {
    margin-bottom: 20px;
}

.right-map {
    float: right;
    width: 679px;
    height: 306px;
    position: relative;
    margin-top: 140px;
    background: url(../images/bgq1.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.right-map .point-area {
    text-align: center;
    position: absolute;
    width: 80px;
    height: 80px;
    transition: opacity .5s ease-out
}

.right-map .point-area:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-left: -5px;
    margin-top: -5px;
    top: 50%;
    left: 50%
}

.right-map .point-area .txt {
    width: 60px;
    position: absolute;
    left: 50px;
    top: 40%;
    color: #fff
}

.right-map .point {
    position: absolute;
    width: 100%;
    height: 100%
}

.right-map .point:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0
}

.right-map .point.point-10:after {
    animation: 4.5s ease-out 225ms infinite ripple
}

.right-map .point.point-40:after {
    animation: 4.5s ease-out .9s infinite ripple
}

.right-map .point.point-80:after {
    animation: 4.5s ease-out 1.8s infinite ripple
}

.right-map .point.point-shadow:after {
    box-shadow: inset 0 0 5em rgba(255, 255, 255, .16)
}

@keyframes ripple {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1)
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1)
    }
}

@-ms-keyframes ripple {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1)
    }
}

@-webkit-keyframes ripple {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1)
    }
}

@-o-keyframes ripple {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    5% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(1)
    }
}

.ul-num {
    clear: both;
    margin: 0 0px 0 -5px;
    padding-top: 60px;
}

.ul-num li {
    float: left;
    width: 25%;
    color: #fff;
}

.ul-num span {
    font-size: 70px;
    font-family: 'gabo';
    position: relative;
    line-height: 1;
    margin-bottom: 5px;
}

.ul-num span:after {
    content: '+';
    vertical-align: top;
    position: relative;
    top: 5px;
    font-size: 2.176vw;
    font-family: arial;
    margin-left: 10px;
}

.ul-num p {
    font-size: 18px;
}

.ul-num .txt {
    overflow: hidden;
}

.ul-num i {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.ul-num .i1 i {
    background-image: url(../images/i-c1.png);
}

.ul-num .i2 i {
    background-image: url(../images/i-c2.png);
}

.ul-num .i3 i {
    background-image: url(../images/i-c3.png);
}

.ul-num .i4 i {
    background-image: url(../images/i-c4.png);
}

.ul-num :hover i {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}


/*首页合作  */

.wt-hz {
    background: #f9f9f9;
    background-size: unset;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
}

.wt-hz-left h4 {
    font-size: 24px;
    line-height: 48px;
    letter-spacing: 1px;
    color: black;
    margin-top: 10px;
}

.wt-hz-left h3 {
    font-size: 48px;
    line-height: 80px;
    letter-spacing: 3px;
    color: black;
}

.wt-hz-left h3.wten {
    font-size: 55px;
    font-weight: bold;
    line-height: 60px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.wt-hz-left .button {
    display: inline-block;
    margin-top: 30px;
}

.wt-hz-left .button:last-child {
    margin-right: 0;
}

.wt-hz-left .button a {
    border: 2px solid #0045AA;
    background: #0045AA;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #fff;
}

.wt-hz-left .button.five a {
    padding: 14px 35px;
    color: #fff;
}

.wt-hz-left .button a:before {
    position: absolute;
    content: "";
    top: 0px;
    height: 100%;
    left: -25%;
    width: 0%;
    background: #1469e6;
    transform: skew(50deg);
    transition-duration: .6s;
    z-index: -1;
}

.wt-hz-left .button a i {
    margin-left: 5px;
}

.wt-hz-left .button a:hover {
    color: #fff;
}

.wt-hz-left .button a:hover:before {
    width: 180%;
}

.wt-hz-list p {
    margin-bottom: 20px;
}

.wt-hz-list {
    text-align: center;
}

.wt-hz-list .owl-dots {
    text-align: center;
}

.wt-hz-list .owl-dots .owl-dot.active span,
.wt-hz-list .owl-dots .owl-dot:hover span {
    background: #0045AA;
}

.wt-hz-list .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
}

.wt-hz-list .button {
    display: inline-block;
    margin-top: 20px;
}

.wt-hz-list .button:last-child {
    margin-right: 0;
}

.wt-hz-list .button a {
    border: 2px solid #0045AA;
    background: #0045AA;
    padding: 16px 32px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 44;
    border-radius: 5px;
    color: #fff;
}

.wt-hz .col-md-6 {
    width: 50%;
    float: left;
}

.wt-hz .row {
    width: 1600px;
    margin: auto;
}

.led-ys-d {
    position: relative;
    z-index: 9;
    top: -60px;
    padding-bottom: 30px;
}

.led-ys {
    padding: 33px 10px 20px 20px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 5px 20px 0px #dddddd3b;
    transition: .5s;
}

.led-ys::before {
    background: #e5edf5;
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    content: "";
    z-index: -1;
    border-radius: 0 0 200px 0;
    transition: .5s;
}

.led-ys-in {
    text-align: center;
}

.led-out {
    background-color: #FFFFFF;
    transition: background 1s;
    border-radius: 30px 30px 30px 30px;
    box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}

.led-ys-in i {
    width: 80px;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    /* box-shadow: 0px 0px 30px rgba(208, 202, 202, 0.3); */
    box-shadow: 0px 0px 30px 0px rgba(148, 146, 245, 0.2);
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.led-ys-title {
    padding: 10px;
    overflow: hidden;
}

.led-ys-title h3 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 400;
    padding: 0;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 10px 0 15px;
}

.led-ys-desc p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    -webkit-transition: .5s;
    transition: .5s;
}

.led-out:hover {
    background: #213C71;
    cursor: default;
}

.led-ys:hover::before {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background: #0045AA;
}

.led-ys:hover .led-ys-in i {
    background: #fff;
    color: #0045AA;
}

.led-ys:hover .led-ys-title h3 {
    color: #FFFFFF;
}

.led-ys:hover .led-ys-desc p {
    color: #FFFFFF;
}

.screen {
    width: 100%;
    padding: 0 6%;
    overflow: hidden;
    padding-bottom: 25px;
}

.display-pc {
    display: block;
}

.col-md-3 {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}

.wt-hz {
    padding-top: 51px;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 1840px) {
    .yewulist .bg2 {
        top: -34.8%;
    }
}

@media only screen and (max-width: 1750px) {
    .yewulist .bg2 {
        top: -35.3%;
    }
}

@media only screen and (max-width: 1680px) {
    .yewulist .bg2 {
        top: -36.3%;
    }
}

@media only screen and (max-width: 1540px) {
    .yewulist .bg2 {
        top: -36.8%;
    }
}

@media only screen and (max-width: 1480px) {
    .yewulist .bg2 {
        top: -37.8%;
    }
}

@media only screen and (max-width: 1400px) {
    .right-map {
        width: 576px;
    }
    .m-you {
        width: 39%;
    }
    .page6_text .ewm {
        margin-left: 27px;
    }
    .container1400 {
        width: 1200px;
    }
    .yewulist .bg2 {
        top: -38.6%;
    }
}

@media only screen and (max-width: 1300px) {
    .page6_text .ewm {
        margin-left: -15px;
    }
}

.zs-wt {
    background: url("../images/wtbg.jpg") no-repeat;
    background-size: cover;
    padding: 50px 30px;
    margin-top: 80px;
    margin-bottom: 80px;
    -moz-box-shadow: 0px 0px 15px #949494;
    -webkit-box-shadow: 0px 0px 15px #949494;
    box-shadow: 0px 0px 15px #dedede;
    overflow: hidden;
}

.zs-wt:hover {
    box-shadow: 0px 0px 15px #cecece;
}

.wt-1 {
    font-size: 36px;
    color: #0045AA;
    line-height: 40px;
    font-family: 'DoHyeon', sans-serif;
    font-weight: bold;
    margin-bottom: 30px;
}

.wt-1 img {
    margin-right: 5px;
}

.wt-2 {
    font-family: 'DoHyeon', sans-serif;
    font-size: 28px;
    color: #afafaf;
    line-height: 38px;
    font-weight: 500;
    letter-spacing: 1px;
}

.wt-3 {
    background: #0045AA;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    margin-top: 30px;
}

.wt-ico {}

.wt-ico-d {
    line-height: 24px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.fgv {
    width: 1200px;
    margin: auto;
}


/*支持优势*/

.zcys {
    background: url("../images/zcbg.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 80px;
    padding-bottom: 100px;
    display: table;
    width: 100%;
}

.zcys h3 {
    font-family: 'DoHyeon', sans-serif;
    font-size: 45px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 60px;
    cursor: default;
}

.zcys h6 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    line-height: 24px;
}

.ys-top {
    font-family: 'DoHyeon', sans-serif;
    font-size: 24px;
    color: #B92D81;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

.ys-p {
    font-size: 18px;
    color: #222;
    line-height: 32px;
    transition: all 0.5s ease;
}

.ys-btn {
    background: #0045AA;
    padding: 6px 20px;
    margin-top: 20px;
    transition: all 0.5s ease;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.ys-btn a {
    color: #fff;
    font-size: 16px;
    transition: all 0.5s ease;
}

.zxsy-bg {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.ys-c {
    margin-top: 20px;
}

.ys-c-top {
    line-height: 40px;
    font-size: 24px;
    color: #0045AA;
    letter-spacing: 1px;
}

.ys-c-top i {
    width: 35px;
    height: 35px;
    font-family: 'DoHyeon', sans-serif;
    font-size: 24px;
    font-style: normal;
    display: inline-block;
    margin-right: 10px;
    background: #0045AA;
    color: #fff;
    text-align: center;
}

.ys-c-p {
    font-size: 17px;
    color: #222;
    line-height: 30px;
}

.wtys1 {
    margin-top: 80px;
    margin-bottom: 60px;
    width: 100%;
    padding: 0 6%;
    overflow: hidden;
}

.wtys1img {
    zoom: 0.8;
}

.zxsy-bg:hover {
    background: #0045AA;
}

.zxsy-bg:hover .ys-top {
    color: #fff;
}

.zxsy-bg:hover .ys-p {
    color: #fff;
}

.zxsy-bg:hover .ys-btn {
    color: #0045AA;
    background: #fff;
}

.zxsy-bg:hover .ys-btn a {
    color: #0045AA;
}

.imgimg {
    max-width: 100%;
}

.zhaopoin {
    display: block;
    padding: 30px 40px;
    margin-bottom: 30px;
    background-color: #e4efff;
    transition: all 0.5s;
}

.zhaopoin-img {}

.zhaopoin-img i {
    font-size: 85px;
    color: #fff;
}

.zhaopoin-tit a {
    display: inline-block;
    font-size: 18px;
    line-height: 36px;
}

.zhaopoin p {
    font-size: 14px;
    line-height: 24px;
}

.zhaopoin:hover {
    background-image: linear-gradient(120deg, #d6e6fd 0%, #fff 100%);
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 18px 2px;
}

.wtcp {
    padding-top: 30px;
    padding-bottom: 70px;
}

.wtdaili {
    background: url("../images/dlbg.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 80px;
    padding-bottom: 100px;
    width: 100%;
    display: table;
}

.daili {
    padding-top: 50px;
    background-image: linear-gradient(135deg, #F5F8F7, #E0E5F1);
    margin-bottom: 15px;
    min-height: 356px;
}

.daili-sz {
    font-family: 'DoHyeon', sans-serif;
    width: 100px;
    height: 100px;
    background: #0045AA;
    font-size: 50px;
    color: #fff;
    margin: 10px auto;
    text-align: center;
    border-radius: 100%;
    padding-top: 14px;
    margin-bottom: 30px;
}

.daili p {
    font-size: 18px;
    margin: 0 20px;
    color: #222;
    line-height: 26px;
}

.daili12 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.daili12 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.width20 {
    width: 16%;
    margin: 0 2%;
    float: left;
    position: relative;
}

.buzhou {
    background: #0045AA;
    text-align: center;
    padding: 75px 15px;
}

.buzhou::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 8px;
    width: 10%;
    background: #B92D81;
    transition: .5s;
}

.buzhou:hover:before {
    width: 100%;
}

.bzshuzi {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
}

.buzhou p {
    font-family: 'DoHyeon', sans-serif;
    line-height: 60px;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #fff;
}

.buzhou.wten p {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 40px;
    height: 40px;
}

.buzhou-point {
    margin-top: 30px;
    padding: 0;
}

.nshxr4 {
    width: 1425px !important;
}

.nshxr44 {
    width: 1686px !important;
}

.nshxr44:before {
    left: 229px !important;
}

.nshxr44:after {
    right: 229px !important;
}

.cases:before {
    left: 325px !important;
}

.cases:after {
    right: 325px !important;
}

.casesd:before {
    left: 288px !important;
}

.casesd:after {
    right: 288px !important;
}

.fgcxs li {
    width: 218px !important;
}

.fgcxs a {
    width: 218px !important;
}

@media only screen and (max-width:1500px) {
    .nshxr4 {
        width: 1290px !important;
    }
    .nshxr44 {
        width: 1290px !important;
    }
    .nshxr4:before {
        left: 326px !important;
    }
    .nshxr4:after {
        right: 326px !important;
    }
    .nshxr44:before {
        left: 164px !important;
    }
    .nshxr44:after {
        right: 164px !important;
    }
}

.yuyan {
    float: right;
}

.yuyan span {
    color: white;
    font-size: 14px;
}

.yuyan li {
    color: black;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 33px;
    font-weight: bold;
}

.yuyan ul {
    background: white;
    position: absolute;
    border-radius: 4px;
}

.yuyan i {
    margin-left: 8px;
}

.fixed .yuyan span {
    color: black;
}

.yuyanyc {
    display: none;
}

.yuyan:hover .yuyanyc {
    display: block;
}

.snd {
    position: fixed;
    left: 18px;
    bottom: 170px;
    z-index: 9999;
}

.snd img {
    width: 194px;
    animation: bounce 5s infinite;
}

.banner1 .banner-box .title {
    font-size: 30px !important;
}