      
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
input,
select,
textarea,
button {
    font-family: Arial, 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
dd,
dl,
form {
    margin: 0;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

ul {
    padding-left: 0;
    list-style-type: none;
}

i,
em {
    font-style: normal;
}

big {
    font-size: 1.3em;
}

small {
    font-size: 0.77em;
}

a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    outline: 0;
}

article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
menu,
audio,
canvas,
progress,
video {
    display: block;
}

input,
select,
textarea {
    outline: 0;
    font-family: inherit;
    font-size: 100%;
}

input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

input[type='search'] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

input[type='file'] {
    display: block;
}

input[type='range'] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    font-size: 1.3em;
    line-height: 2.5;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
}

td,
th {
    padding: 0;
}

@-ms-viewport {
    width: device-width;
}

/*å·¥å·*/

.fix {
    *zoom: 1;
    *clear: both;
}

.fix:before,
.fix:after {
    display: table;
    clear: both;
    content: '';
}

.oh {
    overflow: hidden;
    *zoom: 1;
}

.l {
    float: left;
}

.r {
    float: right;
}

.dib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hide {
    display: none;
}

.hidetext {
    font: 0/0 a;
    letter-spacing: -9px;
}

.arr {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
}

.opc0 {
    opacity: 0;
    filter: alpha(opacity=0);
}



.row {
    width: 101%;
    transition: .2s width ease;
    *zoom: 1
}

.row:before,
.row:after {
    display: table;
    clear: both;
    content: ''
}

.row>[class*="span-"] {
    float: left;
    margin-right: 1%;
    *margin-right: .89%
}

.row>.span-1 {
    width: 7.33333333%
}

.row>.span-2 {
    width: 15.66666667%
}

.row>.span-3 {
    width: 24%
}

.row>.span-4 {
    width: 32.33333333%
}

.row>.span-5 {
    width: 40.66666667%
}

.row>.span-6 {
    width: 49%
}

.row>.span-7 {
    width: 57.33333333%
}

.row>.span-8 {
    width: 65.66666667%
}

.row>.span-9 {
    width: 74%
}

.row>.span-10 {
    width: 82.33333333%
}

.row>.span-11 {
    width: 90.66666667%
}

.row>.span-12 {
    width: 99%
}

.full-row {
    width: 100%;
    transition: .2s width ease;
    *zoom: 1
}

.full-row:before,
.full-row:after {
    display: table;
    clear: both;
    content: ''
}

.full-row>[class*='span'] {
    float: left
}

.full-row>.span-1 {
    width: 8.33333333%;
    *width: 8.22333333%
}

.full-row>.span-2 {
    width: 16.66666667%;
    *width: 16.55666667%
}

.full-row>.span-3 {
    width: 25%;
    *width: 24.89%
}

.full-row>.span-4 {
    width: 33.33333333%;
    *width: 33.22333333%
}

.full-row>.span-5 {
    width: 41.66666667%;
    *width: 41.55666667%
}

.full-row>.span-6 {
    width: 50%;
    *width: 49.89%
}

.full-row>.span-7 {
    width: 58.33333333%;
    *width: 58.22333333%
}

.full-row>.span-8 {
    width: 66.66666667%;
    *width: 66.55666667%
}

.full-row>.span-9 {
    width: 75%;
    *width: 74.89%
}

.full-row>.span-10 {
    width: 83.33333333%;
    *width: 83.22333333%
}

.full-row>.span-11 {
    width: 91.66666667%;
    *width: 91.55666667%
}

.full-row>.span-12 {
    width: 100%;
    *width: 99.89%
}

.row>.pull-right,
.full-row>.pull-right {
    float: right
}

.row>.center {
    position: relative;
    left: -0.5%;
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto
}

.full-row>.center {
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto
}

.pull-left-1 {
    position: relative;
    left: -8.33333333%
}

.pull-left-2 {
    position: relative;
    left: -16.66666667%
}

.pull-left-3 {
    position: relative;
    left: -25%
}

.pull-left-4 {
    position: relative;
    left: -33.33333333%
}

.pull-left-5 {
    position: relative;
    left: -41.66666667%
}

.pull-left-6 {
    position: relative;
    left: -50%
}

.pull-left-7 {
    position: relative;
    left: -58.33333333%
}

.pull-left-8 {
    position: relative;
    left: -66.66666667%
}

.pull-left-9 {
    position: relative;
    left: -75%
}

.pull-left-10 {
    position: relative;
    left: -83.33333333%
}

.pull-left-11 {
    position: relative;
    left: -91.66666667%
}

.pull-left-12 {
    position: relative;
    left: -100%
}

.pull-right-1 {
    position: relative;
    left: 8.33333333%
}

.pull-right-2 {
    position: relative;
    left: 16.66666667%
}

.pull-right-3 {
    position: relative;
    left: 25%
}

.pull-right-4 {
    position: relative;
    left: 33.33333333%
}

.pull-right-5 {
    position: relative;
    left: 41.66666667%
}

.pull-right-6 {
    position: relative;
    left: 50%
}

.pull-right-7 {
    position: relative;
    left: 58.33333333%
}

.pull-right-8 {
    position: relative;
    left: 66.66666667%
}

.pull-right-9 {
    position: relative;
    left: 75%
}

.pull-right-10 {
    position: relative;
    left: 83.33333333%
}

.pull-right-11 {
    position: relative;
    left: 91.66666667%
}

.pull-right-12 {
    position: relative;
    left: 100%
}

@media only screen and (max-width:1024px) {
    .row>.midd-1 {
        width: 7.33333333%
    }
    .row>.midd-2 {
        width: 15.66666667%
    }
    .row>.midd-3 {
        width: 24%
    }
    .row>.midd-4 {
        width: 32.33333333%
    }
    .row>.midd-5 {
        width: 40.66666667%
    }
    .row>.midd-6 {
        width: 49%
    }
    .row>.midd-7 {
        width: 57.33333333%
    }
    .row>.midd-8 {
        width: 65.66666667%
    }
    .row>.midd-9 {
        width: 74%
    }
    .row>.midd-10 {
        width: 82.33333333%
    }
    .row>.midd-11 {
        width: 90.66666667%
    }
    .row>.midd-12 {
        width: 99%
    }
    .midd-hide {
        display: none
    }
    .midd-center {
        position: relative;
        left: -0.5%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto
    }
    .full-row>.midd-1 {
        width: 8.33333333%
    }
    .full-row>.midd-2 {
        width: 16.66666667%
    }
    .full-row>.midd-3 {
        width: 25%
    }
    .full-row>.midd-4 {
        width: 33.33333333%
    }
    .full-row>.midd-5 {
        width: 41.66666667%
    }
    .full-row>.midd-6 {
        width: 50%
    }
    .full-row>.midd-7 {
        width: 58.33333333%
    }
    .full-row>.midd-8 {
        width: 66.66666667%
    }
    .full-row>.midd-9 {
        width: 75%
    }
    .full-row>.midd-10 {
        width: 83.33333333%
    }
    .full-row>.midd-11 {
        width: 91.66666667%
    }
    .full-row>.midd-12 {
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    .row>.smidd-1 {
        width: 7.33333333%
    }
    .row>.smidd-2 {
        width: 15.66666667%
    }
    .row>.smidd-3 {
        width: 24%
    }
    .row>.smidd-4 {
        width: 32.33333333%
    }
    .row>.smidd-5 {
        width: 40.66666667%
    }
    .row>.smidd-6 {
        width: 49%
    }
    .row>.smidd-7 {
        width: 57.33333333%
    }
    .row>.smidd-8 {
        width: 65.66666667%
    }
    .row>.smidd-9 {
        width: 74%
    }
    .row>.smidd-10 {
        width: 82.33333333%
    }
    .row>.smidd-11 {
        width: 90.66666667%
    }
    .row>.smidd-12 {
        width: 99%
    }
    .smidd-hide {
        display: none
    }
    .smidd-center {
        position: relative;
        left: -0.5%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto
    }
    .full-row>.smidd-1 {
        width: 8.33333333%
    }
    .full-row>.smidd-2 {
        width: 16.66666667%
    }
    .full-row>.smidd-3 {
        width: 25%
    }
    .full-row>.smidd-4 {
        width: 33.33333333%
    }
    .full-row>.smidd-5 {
        width: 41.66666667%
    }
    .full-row>.smidd-6 {
        width: 50%
    }
    .full-row>.smidd-7 {
        width: 58.33333333%
    }
    .full-row>.smidd-8 {
        width: 66.66666667%
    }
    .full-row>.smidd-9 {
        width: 75%
    }
    .full-row>.smidd-10 {
        width: 83.33333333%
    }
    .full-row>.smidd-11 {
        width: 91.66666667%
    }
    .full-row>.smidd-12 {
        width: 100%
    }
}

@media only screen and (max-width:760px) {
    .row>.smal-1 {
        width: 7.33333333%
    }
    .row>.smal-2 {
        width: 15.66666667%
    }
    .row>.smal-3 {
        width: 24%
    }
    .row>.smal-4 {
        width: 32.33333333%
    }
    .row>.smal-5 {
        width: 40.66666667%
    }
    .row>.smal-6 {
        width: 49%
    }
    .row>.smal-7 {
        width: 57.33333333%
    }
    .row>.smal-8 {
        width: 65.66666667%
    }
    .row>.smal-9 {
        width: 74%
    }
    .row>.smal-10 {
        width: 82.33333333%
    }
    .row>.smal-11 {
        width: 90.66666667%
    }
    .row>.smal-12 {
        width: 99%
    }
    .smal-hide {
        display: none
    }
    .smal-show {
        display: block
    }
    .smal-center {
        position: relative;
        left: -0.5%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto
    }
    [class*='pull-left-'],
    [class*='pull-right-'] {
        right: auto;
        left: auto
    }
    .full-row>.smal-1 {
        width: 8.33333333%
    }
    .full-row>.smal-2 {
        width: 16.66666667%
    }
    .full-row>.smal-3 {
        width: 25%
    }
    .full-row>.smal-4 {
        width: 33.33333333%
    }
    .full-row>.smal-5 {
        width: 41.66666667%
    }
    .full-row>.smal-6 {
        width: 50%
    }
    .full-row>.smal-7 {
        width: 58.33333333%
    }
    .full-row>.smal-8 {
        width: 66.66666667%
    }
    .full-row>.smal-9 {
        width: 75%
    }
    .full-row>.smal-10 {
        width: 83.33333333%
    }
    .full-row>.smal-11 {
        width: 91.66666667%
    }
    .full-row>.smal-12 {
        width: 100%
    }
}


/*ç¾åº¦å°å¾å®¹å¨-é»è®¤é«åº¦45%ï¼BdMapAreaæ¯é²æ­¢å¨åå±çå¿ä¸å°å¾å¤ªå¤§*/

.BdMapArea {
    margin: 0 auto 55px;
    max-width: 1200px;
}

.BdMapWrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    overflow: hidden;
}

.BdMapWrapper .BdMapCon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width:760px) {
    .BdMapArea {
        display: none;
    }
}

/*é»è®¤éèç¾åº¦åäº«è§¦æ§å¼¹å±*/

.bdshare_popup_box {
    display: none !important;
}

/* éªç¢§å¾ */

/* å¯¹é½æ¹æ¡å¼ç¨(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */

.ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    background: url(../img/ico.png);
    *text-indent: 0;
    *zoom: expression( this.runtimeStyle['zoom']='1', this.innerHTML='\3000');
    vertical-align: middle;
}

.ico:before {
    content: '\3000';
}

.ico1_2 {
    background-position: -20px 0;
}

.ico1_3 {
    background-position: -40px 0;
}

.ico1_4 {
    background-position: -60px 0;
}

.ico1_5 {
    background-position: -80px 0;
}

.ico2_1 {
    background-position: 0 -20px;
}

.ico2_2 {
    background-position: -20px -20px;
}

.ico2_3 {
    background-position: -40px -20px;
}

.ico2_4 {
    background-position: -60px -20px;
}

.ico2_5 {
    background-position: -80px -20px;
}

.ico3_1 {
    background-position: 0 -40px;
}

.ico3_2 {
    background-position: -20px -40px;
}

.ico3_3 {
    background-position: -40px -40px;
}

.ico3_4 {
    background-position: -60px -40px;
}

.ico3_5 {
    background-position: -80px -40px;
}

.ico4_1 {
    background-position: 0 -60px;
}

.ico4_2 {
    background-position: -20px -60px;
}

.ico4_3 {
    background-position: -40px -60px;
}

.ico4_4 {
    background-position: -60px -60px;
}

.ico4_5 {
    background-position: -80px -60px;
}

/* å¸¸éè®¾ç½® */

.wrap {
    width: 1260px;
    margin-right: auto;
    margin-left: auto;
}

.mwrap {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}

/*å¯¹ie8è®¾ç½®æå°å®½åº¦ï¼é²æ­¢é¡µé¢éä¹±*/

/*for ie8*/

body { overflow-x: auto;}

/*for ie9+*/

@media all and (min-width:0) {
    body {  min-width: 0; overflow-x: hidden;}
}

body {  font-size: 14px; line-height: 1.6;color: #555; background: #fff;}
a { color: inherit;}
a:hover {  color: #004c97;}
::-moz-selection {color: #fff;background: #004c97;}
::selection { color: #fff;background: #004c97;}
::-webkit-input-placeholder {color: #ccc;}
.placeholder { color: #aaa;}

/*cssç»ä»¶è®¾ç½®*/

.form-control,
.input-group-addon,
.btn {border-radius: 2px;}
.form-control:focus { border-color: #66afe9;outline: 0;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
.imgZoom img,
.imgY180 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s;}
.imgZoom { overflow: hidden;-webkit-transform: rotate(0); transform: rotate(0);}
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg)}
/* ç½ç«æ ·å¼ */

.bg_blur { position: fixed;left: 0; right: 0;top: 81px;width: 100%;max-width: 220rem; margin: 0 auto;height: 100vh; background: rgba(0, 0, 0, .5);pointer-events: none;opacity: 0;visibility: hidden; z-index: -1;
-webkit-transition: all 1s cubic-bezier(.1, 1, .4, 1); -o-transition: all 1s cubic-bezier(.1, 1, .4, 1);transition: all 1s cubic-bezier(.1, 1, .4, 1);}
.bg_blur.show { opacity: 1; visibility: visible; pointer-events: all;}

/*å¤´é¨*/

.header {position: fixed; left: 0; top: 0;width: 100%;z-index: 20;color:#ffffff;transition: all 0.5s ease;}
.header .h_logo { float: left;padding: 25px 0;}
.header .h_logo a,
.header .h_logo a img { display: block;font-size: 0px}
.header .h_logo .logo_hover { display: none;}
.header .h_tools {  float: right;  padding: 25px 0;}
.header .h_tools .h_tool {padding-left: 20px;margin-left: 20px;position: relative;font-size: 0;color: #fff;cursor: pointer;transition: all 0.5s ease;}
.header .h_tools .h_tool:after {content: '';
width: 1px;height: 20px; background: #556e8c;background: rgba(255, 255, 255, .6);position: absolute;left: 0;top: 50%; margin-top: -10px;}
.header .h_tools .h_tool span {display: inline-block;vertical-align: middle;font-size: 12px;text-transform: uppercase; margin-left: 11px;}
.header .h_tools i { display: inline-block;margin: 0;height: 31px;line-height: 31px;font-size: 24px;}
.header .h_tools .h_language {margin-left: 0px;}
.header .h_tools .h_language:after { display: none;}
.header .h_tools .h_language .icon_jt { margin-left: 8px;font-size: 20px;}

/*å¯¼èª*/

.header .inav_wrapper {float: right;}
.header .inav .nav_li {margin-right: 35px;float: left;}
.header .inav .nav_li>a {display: block;text-transform: uppercase;padding: 25px 0;font-size: 14px;color: #fff; line-height: 31px;}
.header .inav .nav_li>a:hover { border-bottom:3px solid #004c97;}
.header .inav .nav_li.cur a {color: #ffc13d;}
.header .inav .nav_li:hover a {color: #ffc13d;}

/*å¤´é¨è§¦æ§*/
.header.fixed { box-shadow: 0 0 15px rgba(0, 0, 0, .2);}
.header.hover {  background: #fff;}
.header.hover .h_logo .logo {display: none;}
.header.hover .h_logo .logo_hover {display: block;}
.header.hover .inav .nav_li>a { color: #000}
.header.hover .h_tools .h_tool { color: #000;}
.header.hover .h_tools .h_tool:after {background: #ccc;}

/*ä¸å±å¤´é¨*/
.pageHeader.kx_pageHeader {height: 60px;}
.header.xc_header {background: #fff; transition: all 0s ease;}
.header.xc_header .h_logo .logo { display: none;}
.header.xc_header .h_logo .logo_hover {display: block;}
.header.xc_header .inav .nav_li>a {color: #000}
.header.xc_header .h_tools .h_tool { color: #000;}
.header.xc_header .h_tools .h_tool:after {background: #ccc;}

/*äºçº§å¯¼èª*/

.header .erji_nav {position: absolute; top: 81px; left: 0;background: #004c97;width: 100%;z-index: 3;}
.header .erji_nav .erji_content { position: relative;text-align: center;overflow: hidden;padding-left: 60px;}
.header .erji_nav .erji_content .erji_btn {position: absolute;top: 25px; left: 28px;z-index: 9;}
.header .erji_nav .erji_content .erji_btn a {display: block;}
.header .erji_nav .erji_content .erji_btn a span {width: 20px;height: 2px; background-color: #fff; margin-bottom: 4px; display: block;transition: all 0.3s;}
.header .erji_nav .erji_content .erji_btn a span:last-child {margin-bottom: 0;}
.header .erji_nav .erji_content .erji_btn.on a span.span01 {transform: translate(0, 6px) rotate(-45deg);}
.header .erji_nav .erji_content .erji_btn.on a span.span02 {opacity: 0;visibility: hidden;}
.header .erji_nav .erji_content .erji_btn.on a span.span03 { transform: translate(0, -6px) rotate(45deg);}
.header .erji_nav .erji_content .erji_list {position: relative; width: 100%;}
.header .erji_nav .erji_content .erji_list .erji_intro {position: relative;width: 100%;height: 0; overflow: hidden;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s; -o-transition: height 0.3s;transition: height 0.3s;overflow-x: auto;}
.header .erji_nav .erji_content .erji_list .erji_intro::-webkit-scrollbar {width: 4px;height: 4px;}
.header .erji_nav .erji_content .erji_list .erji_intro::-webkit-scrollbar-thumb {border-radius: 5px;background: #ffc13d;background: rgba(252, 176, 38, .6)}
.header .erji_nav .erji_content .erji_list .erji_intro::-webkit-scrollbar-track {border-radius: 0;background: #f6f5f5;}
.header .erji_nav .erji_content .erji_list .erji_intro ul {font-size: 0;display: inline-block;margin: 0 auto;text-align: center; height: 64px;line-height: 64px;vertical-align: top; white-space: nowrap;}
.header .erji_nav .erji_content .erji_list .erji_intro ul li {display: inline-block;margin: 0 18px; height: 64px;line-height: 64px;vertical-align: top;}
.header .erji_nav .erji_content .erji_list .erji_intro ul li a {position: relative; transition: all 0.3s;display: inline-block;font-size: 17px;color: #d4d6d8;}
.header .erji_nav .erji_content .erji_list .erji_intro ul li a:after {content: '';position: absolute;width: 0%;height: 1px;background: #fff;left: 0;bottom: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
.header .erji_nav .erji_content .erji_list .erji_intro ul li.on a { color: #ffc13d}
.header .erji_nav .erji_content .erji_list .erji_intro ul li.on a:after {width: 100%;background: #ffc13d}
.header .erji_nav .erji_content .erji_list .erji_intro ul li:hover a:after {width: 100%;background: #ffc13d}
.header .erji_nav .erji_content .erji_list .erji_intro.down {height: 64px;}
.header .erji_nav .erji_content .erji_list .erji_intro ul li a:hover {color: #ffc13d}

/*è¯­è¨ä¸æ KX*/

.language_down {background: #004c97;display: none;overflow: hidden;}
.language_down .wrap {width: 100%;}
.language_down .box { padding: 0;position: relative;}
.language_down .box .h_close {width: 33px;height: 33px;background: url(img/h_close.png) no-repeat center;position: absolute; right: 40px;top: 65px;transition: all 0.5s ease;cursor: pointer;display: none}
.language_down .box .h_close:hover {transform: rotateZ(180deg);}
.language_down .box .title {font-size: 32px; line-height: 54px;color: #004c97;display: none}
.language_down .box .content {margin: 25px 0;}
.language_down .box .content li {width: 100%;float: left;padding: 0;text-align: center;line-height: 38px;}
.language_down .box .content li a {color: #fff;font-size: 16px;display: block;}
.language_down .box .content li a:hover {color: #ffc13d;}
.language_down .box .content li a img { width: 25px;height: auto;margin-right: 10px;display: inline-block;vertical-align: -3px;}
.language_down .box .content li a span {display: inline-block;vertical-align: middle;text-decoration: none;-webkit-transition: all 1s cubic-bezier(.1, 1, .4, 1);-o-transition: all 1s cubic-bezier(.1, 1, .4, 1);transition: all 1s cubic-bezier(.1, 1, .4, 1);}
.language_down .box .content li a:hover span { color: #ffc13d;}


/*å¯¼èªä¸æ KX*/
.header .inav .nav_li .nav_down{padding:40px 0 55px; background:#004c97; position:absolute; left:0; top:100%; width:100%; z-index:9; display:none;}
.header .inav .nav_li .nav_down .left{width:25%; float:left;}
.header .inav .nav_li .nav_down .left .tit{font-size:50px; line-height:50px; font-weight:bold; font-family:'Microsoft Yahei'; color:#fff; text-transform:uppercase;}
.header .inav .nav_li .nav_down .left .con{font-size:16px; line-height:30px; margin-top:40px; display:block; color:#fff; padding-right:90px;}
.header .inav .nav_li .nav_down .left .con span{display:inline-block; vertical-align:middle;}
.header .inav .nav_li .nav_down .left .con span.arrow{width:70px; height:37px; background:url(img/nav_white.png) no-repeat center; margin-left:30px;}
.header .inav .nav_li .nav_down .left .con:hover{color:#ffc13d;}
.header .inav .nav_li .nav_down .left .con:hover span.arrow{background:url(img/nav_yellow.png) no-repeat center;}

.header .inav .nav_li .nav_down .right33{width:33%;  float:right; position:relative; min-height:200px;}
.header .inav .nav_li .nav_down .right33 ul{position:static;}
:root .header .inav .nav_li .nav_down .right33 ul{position:absolute; top:0; width:100%;}
.header .inav .nav_li .nav_down .right33 li{float:left; width:100%;}
.header .inav .nav_li .nav_down .right33 li a{font-size:16px; line-height:40px; color:#fff;}
.header .inav .nav_li .nav_down .right33 li a:hover{color:#ffc13d;}

.header .inav .nav_li .nav_down .middle{width:30%; float:right; position:relative; min-height:185px;}
.header .inav .nav_li .nav_down .middle ul{position:static;}
:root .header .inav .nav_li .nav_down .middle ul{position:absolute; top:0; width:100%;}
.header .inav .nav_li .nav_down .middle li{float:right; width:100%;}
.header .inav .nav_li .nav_down .middle li a{font-size:16px; line-height:40px; color:#fff;}
.header .inav .nav_li .nav_down .middle li a:hover{color:#ffc13d;}


.header .inav .nav_li .nav_down .right{width:60%;  float:right; position:relative; min-height:150px;}
.header .inav .nav_li .nav_down .right ul{position:static;}
:root .header .inav .nav_li .nav_down .right ul{position:absolute; top:50%; transform:translateY(-50%); width:100%;}
.header .inav .nav_li .nav_down .right li{float:left; width:40%; font-size:16px; line-height:40px; color:#fff;}
.header .inav .nav_li .nav_down .right li a{font-size:16px; float:left; color:#fff;}
.header .inav .nav_li .nav_down .right li a:hover{color:#ffc13d;}


/*é¦é¡µä¸­é´é¨å*/

 .lens-blog-section {
    margin: 0 0 30px;
    background: var(--lenslux-white);
    box-shadow: var(--lenslux-shadow);
    position: relative;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
}
.lens-blog-img {
    position: relative;
}

.lens-blog-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    border-bottom: 15px solid var(--lenslux-white);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 0px solid transparent;
    z-index: 1;
}

.lens-blog-img img {
    width: 100%;
    min-height: 250px;
    max-height: 250px;
    object-fit: cover;
}

.lens-blog-cat {
    position: absolute;
    font-weight: 500;
    top: 15px;
    left: 0;
    background: var(--lenslux-primary-color);
    color: var(--lenslux-white);
    padding: 10px 15px 9px;
    display: inline-block;
    text-align: center;
    min-height: auto;
    text-transform: uppercase;
    z-index: 1;
    font-size: var(--lenslux-font14);
}

.lens-blog-cat:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    display: inline-block;
    border-top: 20px solid var(--lenslux-primary-color);
    border-bottom: 20px solid var(--lenslux-primary-color);
    border-right: 10px solid transparent;
}

.lens-blog-img a {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.lens-blog-img a:before,
.lens-blog-img a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 600ms ease 0s;
}

.lens-blog-section:hover .lens-blog-img a:after {
    background: var(--lenslux-alternate-bg) none repeat scroll 0 0;
    left: 50%;
    right: 50%;
    opacity: .1;
}

.lens-blog-data {
    padding: 26px 30px 30px;
}

.lens-blog-data h4 {
    font-size: 24px;
    margin: 0 0 7px;
    font-weight: 600;
}

.lens-blog-data p {
    margin: 0 0 18px;
}

.lens-blog-section .lens-blog-data h4:hover {
    color: var(--lenslux-primary-color);
}

.lens-blog-section,
.lens-blog-section:hover,
.lens-blog-section .lens-blog-data h4,
.lens-blog-section .lens-blog-data h4:hover {
    -webkit-transition: var(--lenslux-transition);
    -moz-transition: var(--lenslux-transition);
    -ms-transition: var(--lenslux-transition);
    -o-transition: var(--lenslux-transition);
    transition: var(--lenslux-transition);
}



/* Button CSS */

.lens-btn {
    position: relative;
    min-width: 150px;
    text-align: center;
    display: inline-block;
    font-size: var(--lenslux-font-size);
    color: var(--lenslux-white) !important;
    padding: 13px 20px;
    font-weight: 500;
    border-radius: var(--lenslux-radius-comman);
    overflow: hidden;
    background-color: var(--lenslux-primary-color);
    border: 0;
}
.lens-btn:hover, .lens-btn:focus {
    color: var(--lenslux-white);
    background: var(--lenslux-title-color);
}
.lens-btn span {
    position: relative;
}
.lens-btn-outline {
    background: transparent;
    border: 1px solid var(--lenslux-primary-color);
    padding: 12px 20px;
    color: var(--lenslux-primary-color) !important;
}
.lens-btn-outline:hover, .lens-btn-outline:focus {
    background: transparent;
    color: var(--lenslux-title-color) !important;
    border-color: var(--lenslux-title-color);
}



/*ææºç«¯å¯¼èª*/

.m_nav {
    display: none;
}

.mobile_key {
    display: none;
}

.channel_content {
    min-height: 300px;
    padding: 52px 0;
}

/*åºé¨*/

.pageFooter {position: relative; z-index: 3; background: #f3f3f3;}
.f_top .title{font-size:20px; font-weight:bold; color:#000; margin-bottom:10px;}
.foot_contact_text { line-height:40px;}
.foot_contact_icon { margin-top:30px; line-height:40px;}
.pageFooter .f_top { padding: 55px 0 30px;}
.pageFooter .f_top .left {width: 48%;float: left;padding-right:2%; position: relative;}
.pageFooter .f_top .left:after {content: '';width:1px;height:160px;background:#cccccc;position: absolute;right: 0;top: 0;}
.pageFooter .f_top .right { width: 50%;float: right;}
.pageFooter .f_top .right dl { float: left;}
.pageFooter .f_top .right dl.dl01 {width:28%;margin-left:10%;}
.pageFooter .f_top .right dl.dl02 { width:40%;margin-left:10%;}
.pageFooter .f_top .right dt {font-size: 16px;line-height: 30px;font-weight: bold;color: #000;text-transform: uppercase;margin-bottom: 5px;}

.pageFooter .f_top .right dd { font-size: 14px; line-height: 33px; color: #333333;}
.pageFooter .f_top .right dd .i{ font-size: 10px; }

.pageFooter .f_bott {
    background:#CCC;
    padding: 14px 0 11px;
    font-size: 14px;
    line-height: 14px;
}

.pageFooter .f_bott .left {
    float: left;
}

.pageFooter .f_bott .right {
    float: right;
}

/*å¿«ééé*/

.pageFooter .m_link {
    text-align: center;
    border-bottom: 1px solid #dbdcde;
    display: none;
}

.pageFooter .m_link.active {
    background: #d5d9df;
}

.pageFooter .m_link .tab {
    color: #666666;
    font-size: 18px;
    line-height: 1;
    padding: 18px 48px 18px 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}

.pageFooter .m_link .tab:after,
.pageFooter .m_link .tab:before {
    content: '';
    background: #b3b3b3;
    width: 9px;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
}

.pageFooter .m_link .tab:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: all 0.6s ease-out;
}

.pageFooter .m_link .tab:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.6s ease-out;
}

.pageFooter .m_link .tab.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #b3b3b3;
}

.pageFooter .m_link .tab.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    background: #b3b3b3;
}

.pageFooter .m_link .tab_con {
    display: none;
    line-height: 40px;
    border-top: 1px solid #ced0d4;
    padding: 10px 0;
    font-size: 14px
}

.pageFooter .m_link .tab_con ul {
    overflow: hidden;
    padding: 0 40px;
}

.pageFooter .m_link .tab_con ul li {
    float: left;
    width: 50%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 25px;
}

/*èç³»ç»éå*/

.contact_dealer {
    background: url(../img/contact_dealer_bg.jpg) no-repeat center;
    padding: 90px 0 120px;
    position: relative;
    z-index: 3;
}

.contact_dealer .infor .tit {
    font-size: 42px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 45px;
    text-align: center;
    font-family: 'he_lighter';
}

.contact_dealer #dealer_form {
    text-align: center;
}

.contact_dealer .sele_wrap {
    width: 26%;
    display: inline-block;
    margin-right: 1%;
    height: 52px;
    line-height: 52px;
    vertical-align: middle;
}

.contact_dealer .sele_wrap .sele {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    font-size: 16px;
    color: #004c97;
    text-indent: 30px;
    border: 1px solid #fff;
    border-radius: 0;
    text-align: left;
    vertical-align: 0
}

.contact_dealer .sele_wrap .sele.select-ui-choose-default ._txt {
    padding: 0
}

.contact_dealer .sele_wrap .sele.select-ui-choose-default ._arrow {
    width: 2em
}

.contact_dealer .sele_wrap .sele.select-ui-choose-default ._arrow .arr {
    border-color: #004c97 transparent transparent;
}

.contact_dealer .btns {
    width: 15%;
    height: 52px;
    line-height: 52px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0;
    outline: none;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.5s ease;
}

.contact_dealer .sele_wrap .sele.select-ui-choose-default.on ._arrow .arr {
    border-color: transparent transparent #004c97;
}

.contact_dealer .btns:hover {
    background: #fff;
    color: #004c97;
}

body .select-ui-options-default li:hover {
    background: #004c97;
}

/***********************å¬å±æé®å½¢å¼**************************/

.btn-common {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    font-size: 0px;
    
    padding: 0 27px;
    text-transform: uppercase;
    margin-right: 14px;
    margin-top: 30px;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.btn-common:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 1s cubic-bezier(.1, 1, .4, 1);
    -o-transition: all 1s cubic-bezier(.1, 1, .4, 1);
    transition: all 1s cubic-bezier(.1, 1, .4, 1);
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
}

.btn-common span {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

.btn-common span.icon {
    width: 16px;
    height: 14px;
    margin-left: 10px;
    transition: all 0.5s ease;
}

.btn-common:hover:before {
    width: 100%;
}

/*èè²æé®*/

.btn-blue {
    background: #004c97;
}

.btn-blue span {
    color: #fff;
}

.btn-blue span.icon {
    background: url(../img/white_jt.png) no-repeat center;
}

.btn-blue:before {
    background: #003d84;
}

/*é»è²æé®*/

.btn-yellow {
    background: #ffc13d;
}

.btn-yellow span {
    color: #3c3c3c;
}

.btn-yellow span.icon {
    background: url(../img/gray_jt.png) no-repeat center;
}

.btn-yellow:before {
    background: #ffa112;
}

/*ç½è²æé®*/

.btn-white {
    background: #FFFFFF;
}

.btn-white span {
    color: #3c3c3c;
}

.btn-white span.icon {
    background: url(../img/gray_jt.png) no-repeat center;
}

.btn-white:before {
    background: #e4e4e4;
}

/*ç°è²æé®*/

.btn-grey {
    background: #efefef;
}

.btn-grey span {
    color: #004c97;
}

.btn-grey span.icon {
    background: url(../img/blue_jt.png) no-repeat center;
}

.btn-grey:before {
    background: #e4e4e4;
}

/*æ è¾¹æ¡æé®*/

.noborder-btn {
    display: inline-block;
    font-size: 0px;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    margin-top: 35px;
    padding-right: 26px;
    position: relative;
}

.noborder-btn span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 29px;
}

.noborder-btn span.icon {
    width: 16px;
    height: 14px;
    margin-left: 10px;
    transition: all 0.8s ease;
}

.noborder-btn:hover span.icon {
    margin-left: 25px;
}

/*æ è¾¹æ¡é»è²æé®*/

.noborder-black span {
    color: #272727;
}

.noborder-black span.icon {
    background: url(../img/gray_jt.png) no-repeat center;
}

/*æ è¾¹æ¡é»è²æé®*/

.noborder-yellow span {
    color: #ffc13d;
}

.noborder-yellow span.icon {
    background: url(../img/yellow_jt.png) no-repeat center;
}

/***********************banner************************/

/*åé¡µé«banner*/

.dy_banner {
    position: relative;
    overflow: hidden;
}

.dy_banner>img {
    width: 100%;
}

.dy_banner .intro {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 100px;
}

.dy_banner .intro .box {
    width: 56%;
}

.dy_banner .intro .box .tit {
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.dy_banner .intro .box .con {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

.dy_banner .intro .box .line {
    width: 90px;
    height: 2px;
    background: #fff;
    margin-top: 15px;
}



/*åå®¹é¡µçªbanner*/

.nr_banner {
    position: relative;
    overflow: hidden;
}

.nr_banner>img {
    width: 100%;
}

.nr_banner .intro {
    position: absolute;
    left: 0;
    width: 100%;
    top: 80px;
}

.nr_banner .intro .box {
    width: 56%;
}

.nr_banner .intro .box .tit {
    font-size: 40px;
    line-height: 56px;
    color: #fff;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.nr_banner .intro .box .con {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

.nr_banner .intro .box .line {
    width: 90px;
    height: 2px;
    background: #fff;
    margin-top: 15px;
}

/*ææºç«¯é¢åå±*/

.m_crumbs {
    font-size: 14px;
    color: #555;
    display: none;
}

.m_crumbs a {
    display: inline-block;
}

.m_crumbs em {
    display: inline-block;
    margin: 0 5px;
}

/*è¿åé¦é¡µ*/

.back_home {
    font-size: 17px;
    color: #0293d5;
    line-height: 27px;
}

.back_home span {
    display: inline-block;
    vertical-align: middle;
}

.back_home span.icon {
    width: 6px;
    height: 11px;
    background: url(../img/back_jt.png) no-repeat center;
    margin-right: 10px;
}

/**********************************zhangxr**********************************/

/* ç¤¾ä¼è´£ä»» */

.channel_content.social {
    padding: 0;
    background: #fff;
}

.social01 {
    position: relative;
    overflow: hidden;
    padding: 50px 0 85px;
}

.social01 .img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    max-width: none;
    width: 1920px;
}

.social01 .content {
    position: relative;
    z-index: 1;
}

.social01 .content .crumb {
    font-size: 16px;
    color: #0293d5;
}

.social01 .content .crumb i {
    font-size: 14px;
}

.social01 .content .box {
    text-align: center;
}

.social01 .content .box .tit {
    font-size: 40px;
    line-height: 40px;
    color: #323232;
    
    padding: 80px 0 25px;
}

.social01 .content .box .con {
    font-size: 16px;
    color: #8a8a8a;
    line-height: 25px;
    padding: 0 11%;
}

.social02 .infor {
    padding: 60px 0 65px;
    text-align: center;
}

.social02 .infor .tit {
    font-size: 40px;
    line-height: 40px;
    color: #323232;
    
    padding: 0 0 25px;
}

.social02 .infor .con {
    font-size: 16px;
    color: #8a8a8a;
    line-height: 25px;
    padding: 0 7%;
}

.social02 .rect-112 {
    padding-bottom: 112%;
}

.social02 .rect-122 {
    padding-bottom: 122%;
}

.social02 .item .img {
    float: left;
    width: 28.4%;
}

.social02 .item .text {
    float: left;
    width: 71.6%;
}

.social02 .item .text .box {
    padding: 60px 35px;
}

.social02 .item .text .box .tit {
    font-size: 36px;
    line-height: 36px;
    
    margin-bottom: 25px;
}

.social02 .item .text .box ul li {
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
    height: 220px;
    overflow-y: auto;
    padding-right: 5px;
}

.social02 .item .text .box ul li.li1 {
    width: 37%;
    float: left;
}

.social02 .item .text .box ul li.li2 {
    width: 59%;
    float: right;
}

.social02 .item .text .box ul li::-webkit-scrollbar {
    /*æ»å¨æ¡æ´ä½æ ·å¼*/
    width: 4px;
    /*é«å®½åå«å¯¹åºæ¨ªç«æ»å¨æ¡çå°ºå¯¸*/
    height: 4px;
}

.social02 .item .text .box ul li::-webkit-scrollbar-thumb {
    /*æ»å¨æ¡éé¢å°æ¹å*/
    border-radius: 5px;
    background: #f6f5f5
}

.social02 .item .text .box ul li::-webkit-scrollbar-track {
    /*æ»å¨æ¡éé¢è½¨é*/
    border-radius: 0;
    background: #fcb026;
}

.social02 .content1 {
    background: #004c97;
    color: #fff;
    margin-bottom: 45px;
}

.social02 .content1 .item {
    display: none;
}

.social02 .content1 .owl-item .item {
    display: block;
}

.social02 .content1 .owl-dots {
    position: absolute;
    right: 40px;
    bottom: 40px;
    text-align: right;
    z-index: 1;
}

.social02 .content1 .owl-dots .owl-dot {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 6px;
    transition: .3s ease;
}

.social02 .content1 .owl-dots .owl-dot.active {
    background: #fff;
}

.social02 .content2 {
    background: #ffc13d;
    color: #171f31;
}

.social02 .content2 .item .img {
    float: right;
}

.social02 .content2 .item {
    display: none;
}

.social02 .content2 .item .text .box ul li {
    color: rgba(23, 31, 49, 0.7);
}

.social02 .content2 .owl-item .item {
    display: block;
}

.social02 .content2 .owl-dots {
    position: absolute;
    left: 40px;
    bottom: 40px;
    text-align: right;
    z-index: 1;
}

.social02 .content2 .owl-dots .owl-dot {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: rgba(23, 31, 49, 0.3);
    margin: 0 6px;
    transition: .3s ease;
}

.social02 .content2 .owl-dots .owl-dot.active {
    background: #171f31;
}

.social03 {
    padding: 90px 0 105px;
}

.social03 .infor {
    text-align: center;
}

.social03 .infor .tit {
    font-size: 40px;
    line-height: 40px;
    color: #323232;
    
}

.social03 .infor .con {
    font-size: 16px;
    color: #8a8a8a;
    line-height: 25px;
    padding: 0 11%;
    margin: 25px 0 60px;
}

.social03 .content .rect-565 {
    padding-bottom: 56.6%;
}

.social03 .content .rect-622 {
    padding-bottom: 62.2%;
}

.social03 .content .rect-254 {
    padding-bottom: 25.5%;
}

.social03 .content .rect-791 {
    padding-bottom: 79.1%;
}

.social03 .content .rect-824 {
    padding-bottom: 82.4%;
}

.social03 .content .item1 .cover {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.social03 .content .item1 .cover .box {
    padding: 60px 30px;
}

.social03 .content .item1 .cover .box .t {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #323232;
    margin-bottom: 8px;
}

.social03 .content .item1 .cover .box .c {
    font-size: 16px;
    line-height: 25px;
    color: #3c3c3c;
}

.social03 .content .right_t2 .box {
    padding: 35px 20px;
}

.social03 .content .right_t2 .box .t {
    font-size: 24px;
    line-height: 30px;
    color: #323232;
    font-weight: bold;
    margin-bottom: 10px;
}

.social03 .content .right_t2 .box .c {
    font-size: 16px;
    line-height: 25px;
    color: #8a8a8a;
    height: 50px;
    overflow: hidden;
}

.social03 .content .item3 {
    background: #0293d5;
}

.social03 .content .item3 .box {
    padding: 40px 54px 40px 30px;
}

.social03 .content .item3 .box .t {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 10px;
}

.social03 .content .item3 .box .c {
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}

.social03 .content .left {
    float: left;
    width: 49%;
    position: relative;
}

.social03 .content .left .box {
    padding: 50px 30px 0 0;
}

.social03 .content .left .box .t {
    color: #323232;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.social03 .content .left .box .c {
    color: #8a8a8a;
    font-size: 16px;
    line-height: 22px;
    height: 110px;
    overflow-y: auto;
}

.social03 .content .left .box .c::-webkit-scrollbar {
    /*æ»å¨æ¡æ´ä½æ ·å¼*/
    width: 4px;
    /*é«å®½åå«å¯¹åºæ¨ªç«æ»å¨æ¡çå°ºå¯¸*/
    height: 4px;
}

.social03 .content .left .box .c::-webkit-scrollbar-thumb {
    /*æ»å¨æ¡éé¢å°æ¹å*/
    border-radius: 5px;
    background: #fcb026
}

.social03 .content .left .box .c::-webkit-scrollbar-track {
    /*æ»å¨æ¡éé¢è½¨é*/
    border-radius: 0;
    background: #f6f5f5;
}

.social03 .content .right {
    float: right;
    width: 51%;
}

.social03 .content .item5 .left .box {
    padding: 50px 20px 0;
}

.social03 .content .item5 .left .box .t {
    font-size: 24px;
}

.social03 .content .item5 .left .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #004c97;
}

.social03 .content .item5 .left .cover .noborder-btn {
    padding: 0 20px;
    line-height: 42px;
    height: 42px;
    margin-top: 0;
}

.social03 .content .item .t {
    transition: all 0.4s ease-in-out
}

.social03 .content .item .c {
    transition: all 0.4s ease-in-out
}

.social03 .content .item:hover .t {
    transform: translateY(-2px)
}

.social03 .content .item:hover .c {
    transform: translateY(-2px)
}

.social03 .content .item img {
    transition: all 0.4s ease-in-out;
}

.social03 .content .item:hover img {
    transform: scale(1.05);
}

/* åå±åç¨ç»¼å */

.history_center.channel_content {
    padding: 0;
}

.history_center01 {
    position: relative;
}

.history_center01 .bg video {
    width: 100%;
}

:root .history_center01 .bg img {
    display: none;
}

.history_center01 .content {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    z-index: 1;
    color: #fff;
}

.history_center01 .content .infor {
    width: 60%;
}

.history_center01 .content .date {
    font-size: 110px;
    
    line-height: 1;
}

.history_center01 .content .tit {
    font-size: 56px;
    
    line-height: 1;
    margin: 30px 0 5px;
}

.history_center01 .content .con {
    font-size: 20px;
    line-height: 23px;
    position: relative;
}

.history_center01 .content .con:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -46px;
    height: 2px;
    background: #fff;
    width: 60px;
}

.history_center01 .link {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    z-index: 1;
    color: #fff;
}

.history_center01 .link .left {
    float: left;
    width: 48%;
    position: relative;
    font-size: 20px;
    line-height: 43px;
}

.history_center01 .link .left:after {
    content: '';
    position: absolute;
    right: 0;
    width: 360px;
    height: 1px;
    top: 50%;
    background: #fff;
}

.history_center01 .link .right {
    float: right;
    width: 50%;
}

.history_center01 .link .right ul li {
    font-size: 18px;
    display: inline-block;
    line-height: 43px;
    height: 43px;
    vertical-align: top;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    margin-left: 15px;
    padding: 0 20px;
}

.history_center01 .link .right ul li:first-child {
    margin-left: 0;
}

.history_center01 .link .right ul li:hover {
    background: #fff;
    color: #000;
}

.history_center01 .link .right ul li:hover a:hover {
    color: #000;
}

/* æ°é»è¯¦ç» */

.header.news_header {
    background: #004c97;
}

.header.news_header .h_logo .logo {
    display: block;
}

.header.news_header .h_logo .logo_hover {
    display: none;
}

.header.news_header .inav .nav_li>a {
    color: #fff
}

.header.news_header .h_tools .h_tool {
    color: #fff;
}

.header.news_header .h_tools .h_tool:after {
    background: #fff;
}

.news_detail01 .news_det_top {
    height: 56px;
    background: #fff;
    position: fixed;
    top: -56px;
    width: 100%;
    overflow: hidden;
    z-index: 10;
    transition: .3s ease;
}

.news_detail01 .news_det_top .tit {
    line-height: 56px;
    font-size: 20px;
    font-weight: bold;
    color: #2d2d2d;
    width: 70%;
}

.news_detail01 .news_det_top .share {
    margin-top: 11.5px;
}

.news_detail01 .line_progress {
    width: 100%;
    background: #d0d0d0;
    height: 1px;
    position: absolute;
    bottom: 0;
}

.news_detail01 .line_progress i {
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
    height: 2px;
    background: #004c97;
}

.news_detail01 .share a {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 33px;
    padding: 0;
    margin: 0 8px 0 0;
    background: #000;
    line-height: 33px;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    transition: 120ms linear;
    float: none;
}

.news_detail01 .share a i {
    padding: 0;
    margin: 0;
    vertical-align: top;
    color: #fff;
}

.news_detail01 .share a:hover {
    top: -2px;
    background: #004c97;
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
}

.news_detail01 .news_det_bott .infor {
    margin: 20px 0 60px;
}

.news_detail01 .news_det_bott .infor .tit {
    font-size: 45px;
    font-weight: bold;
    color: #000;
    line-height: 50px;
}

.news_detail01 .news_det_bott .infor .tools {
    font-size: 14px;
    color: #808080;
    margin: 27px 0 37px;
}

.news_detail01 .news_det_bott .content .left {
    float: left;
    width: 73%;
    font-size: 16px;
}

.news_detail01 .news_det_bott .content .left a {
    padding: 0 2px;
    border-bottom: 2px solid #0293d5;
    transition: 120ms linear;
}

.news_detail01 .news_det_bott .content .left a:hover {
    color: #fff;
    background: #0293d5;
}

.news_detail01 .news_det_bott .content .right {
    float: right;
    width: 21%;
}

.news_detail01 .news_det_bott .content .right .pages>div {
    background: #f4f4f4;
    transition: .3s ease;
}

.news_detail01 .news_det_bott .content .right .pages .prev {
    margin-bottom: 25px;
}

.news_detail01 .news_det_bott .content .right .page .box {
    padding: 35px 30px;
}

.news_detail01 .news_det_bott .content .right .page .box .tit {
    font-size: 28px;
    font-family: "he";
    color: #004c97;
    line-height: 28px;
    transition: .3s ease;
}

.news_detail01 .news_det_bott .content .right .page .box .date {
    font-size: 13px;
    color: #939393;
    margin: 15px 0 10px;
    transition: .3s ease;
}

.news_detail01 .news_det_bott .content .right .page .box .con {
    font-size: 19px;
    color: #0b0b0b;
    font-weight: bold;
    transition: .3s ease;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_detail01 .news_det_bott .content .right .pages>div:hover {
    background: #004c97;
}

.news_detail01 .news_det_bott .content .right .page:hover .box .tit {
    color: #fff;
}

.news_detail01 .news_det_bott .content .right .page:hover .box .date {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
}

.news_detail01 .news_det_bott .content .right .page:hover .box .con {
    color: #fff;
}

.news_detail01 .news_det_form {
    text-align: center;
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 3;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding: 35px 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
    bottom: 0;
    visibility: visible;
}

.news_detail01 .news_det_form.hidden {
    opacity: 0;
    bottom: -70px;
    visibility: hidden;
}

.news_detail01 .news_det_form .content {
    position: relative;
}

.news_detail01 .news_det_form .tit {
    font-size: 28px;
    font-weight: bold;
    color: #131313;
}

.news_detail01 .news_det_form .con {
    color: #333;
    font-size: 16px;
    margin: 10px 0 15px;
}

.news_detail01 .news_det_form .form input {
    width: 260px;
    line-height: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid #000;
    padding-left: 15px;
    margin-right: 10px;
}

.news_detail01 .news_det_form .form button {
    line-height: 40px;
    height: 40px;
    border: 1px solid #004c97;
    background: #004c97;
    padding: 0 15px;
    outline: none;
    color: #fff;
    font-size: 16px;
    transition: 120ms linear;
}

.news_detail01 .news_det_form .form button:hover {
    background: #fff;
    color: #004c97;
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.2);
    transform: translateY(-2px)
}

.news_detail01 .news_det_form .form .Validform_wrong {
    position: absolute;
    margin-top: 10px;
    margin-left: 20px;
}

.news_detail01 .news_det_form .close {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 25px;
    top: 0;
    text-align: center;
    border-radius: 50%;
    transition: 120ms linear;
    cursor: pointer;
}

.news_detail01 .news_det_form .close i {
    margin: 0;
    line-height: 32px;
    font-size: 16px;
}

.news_detail01 .news_det_form .close:hover {
    background: #f0f0f0;
}

/* æ°é»åè¡¨ */

.news_list.channel_content {
    background: #f6f6f6;
    padding: 0;
    overflow: hidden;
}

.news_list01 {
    background: #004c97;
    padding: 80px 0;
}

.news_list01 .back_home {
    color: #fff;
}

.news_list01 .back_home a {
    color: #fff;
}

.news_list01 .back_home span.icon {
    background: url(../img/back_white_jt.png) no-repeat center
}

.news_list01 .infor {
    width: 66%;
}

.news_list01 .infor .tit {
    font-size: 60px;
    color: #fff;
    
    line-height: 60px;
    margin: 40px 0;
}

.news_list01 .infor .con {
    font-size: 17px;
    color: #fff;
    line-height: 27px;
}

.news_list02 {
    padding: 60px 0;
}

.news_list02 .top_ {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.news_list02 .top_ .left {
    float: left;
    text-transform: uppercase;
    font-size: 16px;
    color: #203044;
}

.news_list02 .top_ .right {
    float: right;
    font-size: 16px;
    color: #8e8e8e;
}

.news_list02 .top_ .right .select {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    background: #fff;
}

.news_list02 .top_ .right .tit {
    cursor: pointer;
    color: #8e8e8e;
    font-size: 14px;
    width: 150px;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
}

.news_list02 .top_ .right .tit i {
    font-size: 16px;
    float: right;
    transition: 120ms linear;
}

.news_list02 .top_ .right .select:hover .tit i {
    transform: rotateZ(-90deg)
}

.news_list02 .top_ .right ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    display: none;
    z-index: 2;
}

.news_list02 .top_ .right ul li {
    line-height: 1;
    font-size: 14px;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
}

.news_list02 .top_ .right ul li i {
    display: none;
}

.news_list02 .top_ .right ul li:hover a {
    color: #fff;
}

.news_list02 .top_ .right ul li:hover {
    background: #004c97;
    color: #fff;
}

.news_list02 .top_ .right ul li:hover i {
    display: inline-block;
    position: relative;
    font-size: 12px;
    width: 10px;
    top: 1px;
    margin-right: 8px;
}

.news_list02 .bott_ .content {
    overflow: hidden;
}

.news_list02 .bott_ li {
    background: #004c97;
    margin-bottom: 24px;
}

.news_list02 .bott_ li .rect-695 {
    padding-bottom: 69.5%;
}

.news_list02 .bott_ li {
    width: 31.8%;
    margin-right: 1.5%;
}

.news_list02 .bott_ li:nth-child(3n) {
    margin-right: 0;
}

.news_list02 .bott_ li.masonry-brick {
    font-size: 0;
}

.news_list02 .bott_ li .txt .box {
    padding: 30px 25px;
}

.news_list02 .bott_ li .txt .box .tools a {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    border: 1px solid #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 8px;
    margin-right: 6px;
}

.news_list02 .bott_ li .txt .box .tit a {
    display: block;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    /*line-height:35px; height:70px; overflow:hidden;*/
}

.news_list02 .bott_ li .txt .box .tit i {
    font-weight: normal;
    font-size: 14px;
    margin-left: 15px;
}

.news_list02 .bott_ li .txt .box .date {
    font-size: 16px;
    color: #fff;
}

/* æ²¡æå¾ççæ ·å¼ */

.news_list02 .bott_ li.noimg {
    background: transparent;
}

.news_list02 .bott_ li.noimg .li_box {
    border: 1px solid #c4c4c4;
}

.news_list02 .bott_ li.noimg .img {
    display: none;
}

.news_list02 .bott_ li.noimg .txt .box .tools a {
    border-color: #c4c4c4;
    color: #828282;
}

.news_list02 .bott_ li.noimg .txt .box .tit a {
    color: #767676;
}

.news_list02 .bott_ li.noimg .txt .box .tit a i {
    display: none;
}

.news_list02 .bott_ li.noimg .txt .box .con {
    font-size: 16px;
    color: #828282;
    line-height: 23px;
    height: 69px;
    overflow: hidden;
    margin: 30px 0 65px;
}

/* æ·±èè²æ ·å¼ */

.news_list02 .bott_ li.item1 {
    background: #203044
}

/* ç½è²æ ·å¼ */

.news_list02 .bott_ li.item2 {
    background: #fff
}

.news_list02 .bott_ li.item2 .txt .box .tools a {
    border-color: #c4c4c4;
    color: #828282;
}

.news_list02 .bott_ li.item2 .txt .box .tit a {
    color: #767676;
}

.news_list02 .bott_ li.item2 .txt .box .date {
    color: #767676;
}

/* é»è²æ ·å¼ */

.news_list02 .bott_ li.item3 {
    background: #ffc13d
}

.news_list02 .bott_ li.item3 .txt .box .tools a {
    border-color: #203044;
    color: #203044;
}

.news_list02 .bott_ li.item3 .txt .box .tit a {
    color: #203044;
}

.news_list02 .bott_ li.item3 .txt .box .date {
    color: #203044;
}

/* å è½½æ´å¤æ ·å¼ */

.load_more {
    text-align: center;
    margin-top: 50px;
}

.load_more .loading {
    display: inline-block;
    padding: 13px 125px;
    border: 1px solid #bcbcbc;
}

.load_more span {
    display: inline-block;
    vertical-align: middle;
}

.load_more span.icon {
    width: 26px;
    height: 26px;
    background: url(../img/brand_loading.gif) no-repeat center;
    margin-right: 20px;
    background-size: cover;
}

.load_more span.txt {
    font-size: 18px;
    color: #000;
    color: rgba(0, 0, 0, 0.6);
}

.load_more.nomore {
    display: none;
}

/* äº§ååè¡¨ */

.pro_list01 {
    padding-bottom: 60px;
}

.pro_list01 .content {
    margin-top: 40px;
}

.pro_list01 .content .rect-398 {
    padding-bottom: 39.8%;
}

.pro_list01 .content .rect-935 {
    padding-bottom: 93.5%;
}

.pro_list01 .content .left {
    float: left;
    width: 68.9%;
    position: relative;
}

.pro_list01 .content .left .cover {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.pro_list01 .content .left .cover .box {
    padding: 40px;
    font-size: 40px;
    line-height: 40px;
    
    color: #ffc13d;
    text-transform: uppercase;
}

.pro_list01 .content .right {
    float: right;
    width: 29.3%;
    position: relative;
}

.pro_list01 .content .right .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.pro_list01 .content .right .cover .box {
    padding: 60px 30px 0;
}

.pro_list01 .content .right .cover .box .t {
    font-size: 42px;
    line-height: 42px;
    color: #2f2f2f;
    
    text-transform: uppercase;
}

.pro_list01 .content .right .cover .box .c {
    font-size: 16px;
    color: #041d40;
    line-height: 23px;
    margin: 15px 0 0;
}

.pro_list02 {
    background: #f9f9f9;
    padding: 70px 0;
}

.pro_list02 .infor {
    text-align: center;
    margin-bottom: 60px;
}

.pro_list02 .infor .tit {
    font-size: 56px;
    
    color: #041d40;
    line-height: 56px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.pro_list02 .infor .con {
    font-size: 16px;
    color: #041d40;
}

.pro_list02 .content .rect-681 {
    padding-bottom: 68.1%;
}

.pro_list02 .content .left {
    float: left;
    width: 22%;
    background: #fff;
    box-shadow: -4px 2px 20px 1px rgba(0, 0, 0, 0.2)
}

.pro_list02 .content .left .box {
    padding: 40px 22px;
}

.pro_list02 .content .left .infor {
    font-size: 24px;
    
    color: #004c97;
    border-bottom: 1px solid #efefef;
    margin-bottom: 40px;
}

.pro_list02 .content .left .content .item {
    margin-bottom: 20px;
}

.pro_list02 .content .left .content .item .tit {
    font-size: 15px;
    color: #454545;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.pro_list02 .content .left .content .item01 .con input {
    line-height: 40px;
    height: 40px;
    border: 1px solid #efefef;
    width: 100%;
    text-indent: 0.5em;
    font-size: 15px;
    color: #454545;
    box-sizing: border-box;
}

.pro_list02 .content .left .content .item .con {
    position: relative;
}

.pro_list02 .content .left .content .item .con .slider {
    display: block;
    margin-top: -30px;
    width: 95%;
    margin-left: 2.5%;
}

.pro_list02 .content .left .content .item .con .slider .irs--round {
    height: 65px;
}

.pro_list02 .content .left .content .item .con .value {
    margin-top: 10px;
    font-size: 15px;
    color: #454545;
}

.pro_list02 .content .left .content .item .con select,
.pro_list02 .content .left .content .item .con .select-ui-choose-default {
    width: 100%;
    line-height: 40px;
    height: 40px;
    border: 1px solid #efefef;
    text-indent: 0.5rem;
    font-size: 15px;
    color: #454545;
    color: rgba(69, 69, 69, 0.7);
    box-sizing: border-box;
}

.pro_list02 .content .left .content .item .con .select-ui-choose-default ._arrow .arr {
    border-color: #c9c9cb transparent transparent
}

.pro_list02 .content .left .content .item .con .select-ui-choose-default.on ._arrow .arr {
    border-color: transparent transparent #c9c9cb;
}

body .select-ui-options {
    z-index: 10;
    text-indent: 25px;
}

.pro_list02 .content .left .content .item .con button {
    background: #004c97;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    border: none;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
}

.pro_list02 .content .left .bott_ {
    margin-top: 40px;
}

.pro_list02 .content .left .bott_ .t {
    color: #ffc13d;
    font-size: 17px;
    
    text-transform: uppercase;
}

.pro_list02 .content .left .bott_ .t span {
    font-size: 25px;
}

.pro_list02 .content .left .bott_ .c {
    font-size: 17px;
    color: #454545;
    line-height: 22px;
}

.pro_list02 .content .right {
    float: right;
    width: 76.2%;
}

.pro_list02 .content .right .choose {
    font-size: 0;
}

.pro_list02 .content .right .choose .check {
    display: inline-block;
}

.pro_list02 .content .right .choose .check span {
    margin-bottom: 30px;
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    border: 1px solid #004c97;
    padding: 5px 16px;
    color: #004c97;
    cursor: pointer;
}

.pro_list02 .content .right .choose .check i {
    font-size: 13px;
    margin-left: 20px;
}

.pro_list02 .content .right>ul>li {
    background: #fff;
    margin-bottom: 25px;
}

.pro_list02 .content .right ul li .li_box {
    padding: 0 24px;
    border-right: 1px solid #efefef;
}

.pro_list02 .content .right ul li.three_li .li_box {
    border-right: transparent;
}

.pro_list02 .content .right ul li .li_box .img {
    padding: 15px 0;
}

.pro_list02 .content .right ul li .li_box .intro .tit {
    font-size: 28px;
    color: #393939;
    
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 25px;
}

.pro_list02 .content .right ul li .li_box .intro .con ul li {
    font-size: 15px;
    color: #041d40;
    line-height: 28px;
}

.pro_list02 .content .right ul li .li_box .intro .con ul li .l {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 56%;
}

.pro_list02 .content .right ul li .li_box .intro .con ul li .r {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 42%;
    text-align: right;
}

.pro_list02 .content .right ul li .li_box .intro .more_box {
    overflow: hidden;
    padding-bottom: 55px;
}

.pro_list02 .content .right ul li .li_box .intro .btn-blue {
    padding: 0 13px;
}

.pro_list02 .content .right ul li .li_box .intro .btn-grey {
    margin-right: 0;
    float: right;
}

.pro_list02 .content .right ul li .li_box .intro .btn-common span {
    font-size: 15px;
}

.pro_list03 {
    margin-top: 55px;
}

.pro_list03 .infor {
    background: url(../img/pro_list03_bg.jpg) no-repeat center;
    text-transform: uppercase;
}

.pro_list03 .infor .box {
    padding: 65px 70px;
}

.pro_list03 .infor .box .tit {
    font-size: 55px;
    line-height: 55px;
    color: #fff;
    
    margin-bottom: 50px;
}

.pro_list03 .infor .box .con dt {
    margin-bottom: 9px;
}

.pro_list03 .infor .box .con dt span {
    display: inline-block;
    font-size: 38px;
    line-height: 40px;
    color: #000;
    font-family: 'he_lighter';
    background: #ffc13d;
}

.pro_list03 .infor .box .con dd {
    margin-bottom: 12px;
}

.pro_list03 .infor .box .con dd span {
    display: inline-block;
    font-size: 34px;
    line-height: 36px;
    color: #fff;
    font-family: 'he_lighter';
    background: #000000;
}

.pro_list03 .noborder-btn {
    margin-top: 35px;
}

/**********************************zhangxr end******************************/

/*å³äºæä»¬*/

.about_us.channel_content {
    padding: 0px;
}

.about_us01 {
    padding: 53px 0 86px;
    background: url(../img/about_us01.jpg) no-repeat center;
}

.about_us01 .infor {
    text-align: center;
    padding: 22px 9% 0
}

.about_us01 .infor .tit {
    font-size: 40px;
    color: #323232;
    text-transform: uppercase;
    font-weight: bold;
}

.about_us01 .infor .con {
    font-size: 16px;
    color: #8a8a8a;
    line-height: 25px;
    margin: 20px 0 17px;
}

.about_us01 .infor .txt {
    font-size: 26px;
    color: #747474;
    line-height: 30px;
}

.about_us01 .content {
    margin-top: 60px;
}

.about_us01 .content .item {
    float: left;
    width: 33.3%;
}

.about_us01 .content .item .box {
    padding: 0 15%;
    text-align: center;
}

.about_us01 .content .item .box .number {
    font-size: 90px;
    color: #004c97;
    
}

.about_us01 .content .item .box .number .num {
    position: relative;
}

.about_us01 .content .item .box .number .num:after {
    content: '';
    width: 36px;
    height: 36px;
    background: url(../img/about_add.png) no-repeat center;
    position: absolute;
    left: 100%;
    top: 0px;
}

.about_us01 .content .item02 .box .number .num:after {
    display: none;
}

.about_us01 .content .item .box .txt {
    font-size: 24px;
    line-height: 25px;
    color: #3b3b3b;
    margin-bottom: 6px;
}

.about_us01 .content .item .box .text {
    font-size: 17px;
    line-height: 25px;
    color: #6c6c6c;
    height: 50px;
    overflow: hidden;
}

.about_us02 .content {
    position: relative;
}

.about_us02 .content .item {
    display: none;
}

.about_us02 .content .owl-item .item {
    display: block;
}

.about_us02 .content .item .rect-32 {
    padding-bottom: 32%;
}

.about_us02 .content .item .intro {
    width: 83.5%;
    margin: -80px auto 0;
    position: relative;
    z-index: 2
}

.about_us02 .content .item .intro .box {
    padding: 80px 90px;
    text-align: center;
    background: #fff;
}

.about_us02 .content .item .intro .box .tit {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #323232;
    margin-bottom: 34px;
    text-transform: uppercase;
}

.about_us02 .content .item .intro .box .con {
    font-size: 16px;
    line-height: 26px;
    color: #8a8a8a;
}

.about_us02 .content .about02_btn>div {
    width: 32px;
    height: 60px;
    background: url(../img/about_us02_btn.png) no-repeat;
    position: absolute;
    top: 140px;
    z-index: 2;
    font-size: 0;
    cursor: pointer;
}

.about_us02 .content .about02_btn .owl-prev {
    left: 55px;
    background-position: 0 0;
}

.about_us02 .content .about02_btn .owl-next {
    right: 55px;
    background-position: -32px 0px;
}

/*.about_us02 .content .about02_btn .owl-prev:hover{background-position:0 -60px;}
.about_us02 .content .about02_btn .owl-next:hover{ background-position:-32px -60px;}*/

.about_us03 {
    background: url(../img/about_us03_1.jpg) no-repeat center;
    padding: 130px 0 120px;
}

.about_us03 .infor {
    text-align: center;
    padding: 0 13%
}

.about_us03 .infor .tit {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    
    margin-bottom: 30px;
    text-transform: uppercase;
}

.about_us03 .infor .con {
    font-size: 21px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
}

/*äº§åè¯¦ç»*/

.proDetail_banner {
    position: relative;
    height: 560px;
    overflow: hidden;
}

.proDetail_banner>img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    max-width: none;
}

.proDetail_banner .intro {
    position: absolute;
    left: 0;
    width: 100%;
    top: 120px;
}

.proDetail_banner .intro .box {
    width: 52%;
}

.proDetail_banner .intro .box .tit {
    font-size: 35px;
    line-height: 48px;
    color: #fff;
    
    text-transform: uppercase;
    margin-bottom: 8px;
}

.proDetail_banner .intro .box .tit span {
    display: inline-block;
    font-size: 60px;
    color: #ffc13d;
    margin-right: 20px;
}

.proDetail_banner .intro .box .con {
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    font-family: 'he_lighter';
    margin-bottom: 40px;
}

.pro_detail.channel_content {
    padding-bottom: 0px;
}

.pro_detail01 .content {
    margin: 42px 0 70px;
}

.pro_detail01 .content .left {
    width: 33%;
    float: left;
    margin-right: 4%;
    
    color: #3c3c3c;
    text-transform: uppercase;
}

.pro_detail01 .content .left .line {
    width: 57px;
    height: 3px;
    background: #3c3c3c;
}

.pro_detail01 .content .left .tit {
    font-size: 32px;
    line-height: 42px;
    margin: 10px 0;
}

.pro_detail01 .content .left .con {
    font-size: 22px;
    line-height: 28px;
}

.pro_detail01 .content .center {
    width: 56%;
    float: left;
    margin-right: 2%;
}

.pro_detail01 .content .center .txt {
    font-size: 17px;
    line-height: 24px;
    color: #3c3c3c;
    color: rgba(60, 60, 60, .6)
}

.pro_detail01 .content .right {
    width: 29%;
    float: left;
}

.pro_detail01 .content .right .txt {
    font-size: 17px;
    line-height: 24px;
    color: #3c3c3c;
    color: rgba(60, 60, 60, .6)
}

.pro_detail02 {
    background: #ffc13d;
    padding-bottom: 68px;
}

.pro_detail02 .left {
    width: 65.8%;
    float: left;
}

.pro_detail02 .left .rect-55 {
    padding-bottom: 55%;
}

.pro_detail02 .right {
    width: 30.5%;
    float: right;
}

.pro_detail02 .right .infor {
    margin-top: 70px;
}

.pro_detail02 .right .infor .line {
    width: 60px;
    height: 3px;
    background: #3c3c3c;
    margin-bottom: 20px;
}

.pro_detail02 .right .infor .tit {
    font-size: 22px;
    line-height: 28px;
    color: #262626;
    
    text-transform: uppercase;
}

.pro_detail02 .right .infor .con {
    font-size: 14px;
    line-height: 20px;
    color: #3c3c3c;
    color: rgba(60, 60, 60, .8);
    margin-top: 20px
}

.pro_detail03 {
    background: url(../img/pro_detail03_1.jpg) no-repeat center;
    padding: 200px 0;
}

.pro_detail03 .infor {
    text-transform: uppercase;
    width: 50%
}

.pro_detail03 .infor .tit {
    font-size: 55px;
    line-height: 55px;
    color: #fff;
    
    margin-bottom: 50px;
}

.pro_detail03 .infor .con dt {
    margin-bottom: 9px;
}

.pro_detail03 .infor .con dt span {
    display: inline-block;
    font-size: 38px;
    line-height: 40px;
    color: #000;
    font-family: 'he_lighter';
    background: #ffc13d;
}

.pro_detail03 .infor .con dd {
    margin-bottom: 12px;
}

.pro_detail03 .infor .con dd span {
    display: inline-block;
    font-size: 34px;
    line-height: 36px;
    color: #fff;
    font-family: 'he_lighter';
    background: #000000;
}

.pro_detail04 {
    background: url(../img/pro_detail04_1.jpg) no-repeat center;
    padding: 440px 0 70px;
}

.pro_detail04 .infor .tit {
    font-size: 53px;
    line-height: 53px;
    color: #ffc13d;
    
    text-transform: uppercase;
}

.pro_detail04 .content {
    margin-top: 50px;
}

.pro_detail04 .content li {
    width: 33.3%;
    float: left;
}

.pro_detail04 .content li .li_box {
    padding: 0 30px;
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    /*font-family:'he_lighter'*/
    ;
    position: relative;
    text-transform: uppercase;
}

.pro_detail04 .content li .li_box:after {
    content: '';
    width: 1px;
    height: 177px;
    background: #4d4d4d;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    left: 0;
    top: 0;
}

.pro_detail04 .content li.li01 .li_box {
    padding-left: 0px;
    padding-right: 25px;
}

.pro_detail04 .content li.li01 .li_box:after {
    display: none;
}

.pro_detail05 {
    background: #fbfbfb;
    padding: 30px 0;
}

.pro_detail05 ul {
    padding: 0 2%;
}

.pro_detail05 li {
    border-bottom: 1px solid #dadada;
    line-height: 74px;
}

.pro_detail05 li:last-child {
    border-bottom: none;
}

.pro_detail05 li span {
    display: inline-block;
    padding-left: 60px;
}

.pro_detail05 li .li_left {
    width: 50%;
    float: left;
}

.pro_detail05 li .li_left span {
    font-size: 18px;
    color: #363636;
}

.pro_detail05 li .li_right {
    width: 50%;
    float: right;
}

.pro_detail05 li .li_right span {
    font-size: 17px;
    color: #363636;
    color: rgba(54, 54, 54, .7);
}

.pro_detail06 {
    padding: 62px 0;
}

.pro_detail06 .infor {
    text-align: center;
}

.pro_detail06 .infor .tit {
    display: inline-block;
    font-size: 26px;
    line-height: 42px;
    color: #1a3d70;
    
    text-transform: uppercase;
}

.pro_detail06 .infor .tit span {
    display: inline-block;
    font-size: 34px;
    color: #3b3b3b;
    position: relative;
    margin-right: 23px;
    padding-bottom: 6px;
    transition: all 0.5s ease;
}

.pro_detail06 .infor .tit span:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #3b3b3b;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.pro_detail06 .infor .tit:hover {
    color: #ffc13d;
}

.pro_detail06 .infor .tit:hover span {
    color: #ffc13d;
}

.pro_detail06 .infor .tit:hover span:after {
    background: #ffc13d;
}

.pro_detail06 .content {
    margin-top: 43px;
}

.pro_detail06 .content .rect-576 {
    padding-bottom: 57.6%;
}

.pro_detail06 .content li {
    position: relative;
}

.pro_detail06 .content li .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../img/pro_detail06_cover1.png) center;
}

.pro_detail06 .content li .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.pro_detail06 .content li .intro .box {
    padding: 0 22px 26px;
}

.pro_detail06 .content li .intro .more_box {
    margin-bottom: 14px;
}

.pro_detail06 .content li .intro .more_box a {
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, .6);
    color: #fff;
    color: rgba(255, 255, 255, .6);
    padding: 0 11px;
    margin-right: 7px;
    font-weight: bold;
}

.pro_detail06 .content li .intro .more_box a:hover {
    background: #ffc13d;
    color: #3c3c3c;
    border-color: #ffc13d;
}

.pro_detail06 .content li .intro .tit a {
    display: block;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
}

.pro_detail06 .content li .intro .tit a:hover {
    color: #ffc13d
}

.pro_detail07 {
    padding: 95px 0 65px;
    background: #004c96;
}

.pro_detail07 .left {
    width: 36%;
    float: left;
}

.pro_detail07 .left .infor .tit {
    font-size: 38px;
    line-height: 50px;
    color: #fff;
    
    text-transform: uppercase;
    margin-bottom: 25px;
}

.pro_detail07 .left .infor .tit span {
    display: block;
    font-size: 44px;
}

.pro_detail07 .left .infor .con {
    font-size: 17px;
    line-height: 28px;
    color: #fff;
}

.pro_detail07 .right {
    width: 63%;
    float: right;
}

.pro_detail07 .right li {
    margin-bottom: 25px;
    width: 49%;
    margin-right: 2%;
    float: left;
}

.pro_detail07 .right li.li_two {
    margin-right: 0px;
}

.pro_detail07 .right li.help {
    width: 100%;
    margin-right: 0px;
}

.pro_detail07 .right li label {
    display: inline-block;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 10px;
}

.pro_detail07 .right li input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-indent: 15px;
    border: none;
    background: #dfdfdf;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.pro_detail07 .right li textarea {
    width: 100%;
    line-height: 30px;
    border: none;
    background: #dfdfdf;
    border-radius: 0;
    padding: 0;
    margin: 0;
    text-indent: 15px;
    padding: 10px 0;
}

.pro_detail07 .right .intro .intro_l {
    float: left;
}

.pro_detail07 .right .intro .intro_l .text {
    font-size: 17px;
    line-height: 28px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    text-transform: uppercase;
    margin-bottom: 5px;
}

.pro_detail07 .right .intro .intro_l .permission {
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    cursor: pointer;
}

.pro_detail07 .right .intro .intro_l .permission span {
    display: inline-block;
    vertical-align: middle;
}

.pro_detail07 .right .intro .intro_l .permission span.icon {
    width: 34px;
    height: 34px;
    background: url(../img/duihao.png) no-repeat center;
    background-position: 0 0;
    margin-right: 10px;
}

.pro_detail07 .right .intro .intro_l .permission.cur span.icon {
    background: url(../img/duihao_on.png) no-repeat;
    background-size: cover;
}

.pro_detail07 .right .intro .intro_r {
    float: right;
}

.pro_detail07 .right .intro .intro_r .btns {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    
    padding: 0 40px 0 53px;
    text-transform: uppercase;
    margin-right: 14px;
    color: #fff;
    background: none;
    border: 1px solid #fff;
    outline: none;
    margin: 0;
    transition: all 0.5s ease;
    cursor: pointer;
}

.pro_detail07 .right .intro .intro_r .btns span {
    display: inline-block;
    vertical-align: top;
}

.pro_detail07 .right .intro .intro_r .btns:hover {
    background: #fff;
    color: #004c97;
}

/*äº§åç»¼å*/

.pro_center .noborder-btn {
    margin-top: 0px;
    text-transform: uppercase;
}

.proCenter_banner {
    background: url(../img/pro_center_ban.jpg) no-repeat center;
    padding: 70px 0px;
}

.proCenter_banner li {
    margin-bottom: 1%;
}

.proCenter_banner li .rect-72 {
    padding-bottom: 72%;
}

.proCenter_banner li .rect-35 {
    padding-bottom: 35.52%;
}

.proCenter_banner li .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/pro_centerBan_cover.png) center;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.proCenter_banner li .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3
}

.proCenter_banner li .intro .box {
    padding: 34px;
}

.proCenter_banner li .intro .box .tit {
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    
    text-transform: uppercase;
}

.proCenter_banner li.li04 .intro .box .tit {
    color: #ffc13d;
}

.proCenter_banner li.li_last {
    background: #ffc13d;
}

.proCenter_banner li.li_last .cover {
    display: none;
}

.proCenter_banner li.li_last .intro .box .tit {
    color: #2f2f2f;
    margin-bottom: 20px;
}

.proCenter_banner li.li_last .intro .box .con {
    font-size: 18px;
    line-height: 26px;
    color: #303030;
    text-transform: uppercase;
}

.pro_center.channel_content {
    padding-bottom: 0px;
}

.pro_center01 {
    padding-bottom: 50px;
}

.pro_center01 .infor {
    text-align: center;
    text-transform: uppercase;
    
}

.pro_center01 .infor .tit {
    font-size: 50px;
    line-height: 50px;
    color: #2f2f2f;
}

.pro_center01 .infor .tit span {
    font-size: 40px;
    display: block;
}

.pro_center01 .content {
    padding: 0 8%;
    margin-top: 40px;
}

.pro_center01 .content form {
    width: 60%;
    margin: 0 auto;
    border: 1px solid #d5d5d5;
    height: 52px;
    line-height: 52px;
    position: relative;
    background: #fff;
    border-radius: 50px;
}

.pro_center01 .content form .inp {
    width: 80%;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #bebebe;
    color: rgba(47, 47, 47, .5);
    text-indent: 30px;
    border: none;
    border-radius: 50px;
    padding: 0;
    padding-left: 30px;
    text-indent: 0;
}

.pro_center01 .content form .btns {
    width: 41px;
    height: 41px;
    background: url(../img/pro_center01_ico.png) no-repeat center;
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -20px;
    outline: none;
    border: none;
    cursor: pointer;
}

.pro_center01 .content .list {
    margin-top: 40px;
    text-align: center;
    font-size: 0;
}

.pro_center01 .content .list a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #2f2f2f;
    color: rgba(47, 47, 47, .8);
    padding: 0 12px;
    position: relative;
    margin-bottom: 6px;
}

.pro_center01 .content .list a:after {
    content: '';
    width: 2px;
    height: 15px;
    background: #909090;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}

.pro_center01 .content .list a:last-child:after {
    display: none;
}

.pro_center01 .content .list a:hover {
    color: #ffc13d;
}

.pro_center02 {
    padding: 65px 0 55px;
    background: #f6f6f6
}

.pro_center02 li {
    width: 24%;
    float: left;
    margin-right: 1.3%;
    margin-bottom: 45px;
    transition: all 0.5s ease;
    position: relative;
}

.pro_center02 .li_four {
    margin-right: 0px;
}

.pro_center02 li .rect-1052 {
    padding-bottom: 105.2%;
}

.pro_center02 li .intro {
    background: #fff;
}

.pro_center02 li .intro .box {
    padding: 30px 24px;
}

.pro_center02 li .intro .box .tit {
    font-size: 22px;
    line-height: 26px;
    color: #2f2f2f;
    
    text-transform: uppercase;
    margin-bottom: 10px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pro_center02 li .li_line {
    width: 0;
    height: 5px;
    background: #ffcb2d;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.pro_center02 .proCenter_more {
    text-align: center;
    font-size: 0;
}

.pro_center02 li:hover {
    box-shadow: -4px 2px 20px 1px rgba(0, 0, 0, 0.2);
}

.pro_center02 li:hover .li_line {
    width: 100%;
}

.pro_center02 li:hover .noborder-btn span.icon {
    margin-left: 25px;
}

.pro_center03 {
    padding: 62px 0;
}

.pro_center03 .infor {
    text-align: center;
}

.pro_center03 .infor .tit {
    display: inline-block;
    font-size: 26px;
    line-height: 42px;
    color: #1a3d70;
    
    text-transform: uppercase;
}

.pro_center03 .infor .tit span {
    display: inline-block;
    font-size: 34px;
    color: #3b3b3b;
    position: relative;
    margin-right: 23px;
    padding-bottom: 6px;
    transition: all 0.5s ease;
}

.pro_center03 .infor .tit span:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #3b3b3b;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.pro_center03 .infor .tit:hover {
    color: #ffc13d;
}

.pro_center03 .infor .tit:hover span {
    color: #ffc13d;
}

.pro_center03 .infor .tit:hover span:after {
    background: #ffc13d;
}

.pro_center03 .content {
    margin-top: 43px;
}

.pro_center03 .content .rect-576 {
    padding-bottom: 57.6%;
}

.pro_center03 .content li {
    position: relative;
}

.pro_center03 .content li .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../img/pro_detail06_cover1.png) center;
}

.pro_center03 .content li .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.pro_center03 .content li .intro .box {
    padding: 0 22px 26px;
}

.pro_center03 .content li .intro .more_box {
    margin-bottom: 14px;
}

.pro_center03 .content li .intro .more_box a {
    display: inline-block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, .6);
    color: #fff;
    color: rgba(255, 255, 255, .6);
    padding: 0 11px;
    margin-right: 7px;
    font-weight: bold;
}

.pro_center03 .content li .intro .more_box a:hover {
    background: #ffc13d;
    color: #3c3c3c;
    border-color: #ffc13d;
}

.pro_center03 .content li .intro .tit a {
    display: block;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
}

.pro_center03 .content li .intro .tit a:hover {
    color: #ffc13d
}

.pro_center04 {
    background: url(../img/pro_detail04_1.jpg) no-repeat center;
    padding: 200px 0;
}

.pro_center04 .infor {
    text-transform: uppercase;
    width: 50%;
}

.pro_center04 .infor .tit {
    font-size: 55px;
    line-height: 55px;
    color: #fff;
    
    margin-bottom: 50px;
}

.pro_center04 .infor .con dt {
    margin-bottom: 9px;
}

.pro_center04 .infor .con dt span {
    display: inline-block;
    font-size: 38px;
    line-height: 40px;
    color: #000;
    font-family: 'he_lighter';
    background: #ffc13d;
}

.pro_center04 .infor .con dd {
    margin-bottom: 12px;
}

.pro_center04 .infor .con dd span {
    display: inline-block;
    font-size: 34px;
    line-height: 36px;
    color: #fff;
    font-family: 'he_lighter';
    background: #000000;
}

.pro_center04 .noborder-btn {
    margin-top: 35px;
}

/*æå¡ç»¼å*/

.service_center.channel_content {
    padding-top: 0px;
}

.service_center01 .rect-67 {
    padding-bottom: 67%;
}

.service_center01 .rect-59 {
    padding-bottom: 59%;
}

.service_center01 .rect-60 {
    padding-bottom: 60%;
}

.service_center01 .left {
    width: 64%;
    float: left;
    position: relative;
}

.service_center01 .left .ser_video {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    bottom: 0;
}

.service_center01 .left .ser_video_cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../img/ser_video_cover.png) center;
}

.service_center01 .left .intro {
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 100%
}

.service_center01 .left .intro .box {
    padding-left: 12.7%;
    float: left;
    width: 60%;
}

.service_center01 .left .intro .box .tit {
    font-size: 54px;
    line-height: 54px;
    color: #fff;
    
    text-transform: uppercase;
    margin: 8px 0 13px;
}

.service_center01 .left .intro .box .con {
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

.service_center01 .right {
    width: 36%;
    float: right;
}

.service_center01 .right .r_top {
    position: relative;
}

.service_center01 .right .r_top .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.service_center01 .right .r_top .intro .box {
    padding: 80px 200px 45px 70px;
    text-transform: uppercase;
}

.service_center01 .right .r_top .intro .box .tit {
    font-size: 42px;
    line-height: 42px;
    color: #fff;
    
}

.service_center01 .right .r_top .intro .box .con {
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    margin: 15px 0 20px;
}

.service_center01 .right .r_bott {
    position: relative;
}

.service_center01 .right .r_bott .intro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.service_center01 .right .r_bott .intro .box {
    padding: 80px 200px 45px 70px;
    text-transform: uppercase;
}

.service_center01 .right .r_bott .intro .box .tit {
    font-size: 42px;
    line-height: 42px;
    color: #3c3c3c;
    
}

.service_center01 .right .r_bott .intro .box .con {
    font-size: 24px;
    line-height: 36px;
    color: #3c3c3c;
    margin: 15px 0 20px;
}

.service_center02 {
    padding: 80px 0;
}

.service_center02 .rect-120 {
    padding-bottom: 120%;
}

.service_center02 .item {
    width: 32%;
    margin-left: 2%;
    float: left;
    position: relative;
}

.service_center02 .item:first-child {
    margin-left: 0px;
}

.service_center02 .item a {
    display: block;
}

.service_center02 .item .cover {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.service_center02 .item .cover .box {
    padding: 40px 35px;
    transition: all 0.5s ease;
}

.service_center02 .item .cover .box .tit {
    font-size: 30px;
    line-height: 38px;
    color: #fff;
    
    text-transform: uppercase;
    margin-bottom: 6px;
}

.service_center02 .item .cover .box .con {
    font-size: 19px;
    line-height: 23px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-weight: bold;
}

.service_center02 .item .cover .box .noborder-btn {
    height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    margin: 0;
}

.service_center02 .item:hover .cover .box .noborder-btn {
    height: 30px;
    margin-top: 30px;
}

.service_center02 .item:hover .cover .box .noborder-btn span.icon {
    margin-left: 25px;
}

.service_center02 .item:hover .cover .box {
    padding: 40px 35px 60px 35px;
}

.service_center02 .item03 a {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.service_center02 .item03 .box {
    padding: 130px 30px 0px 10px;
}

.service_center02 .item03 .box .tit {
    font-size: 30px;
    line-height: 38px;
    color: #265daf;
    
    text-transform: uppercase;
    margin-bottom: 6px;
}

.service_center02 .item03 .box .con {
    font-size: 30px;
    line-height: 40px;
    color: #3c3c3c;
    font-family: 'he_lighter';
    margin: 10px 0 5px;
}

.service_center02 .item03 .box .txt {
    font-size: 26px;
    line-height: 32px;
    color: #3c3c3c;
    font-family: 'he_lighter';
}

.service_center03 .left {
    width: 51%;
    float: left;
}

.service_center03 .left .box {
    padding: 110px 60px 80px 0;
}

.service_center03 .left .box .tit {
    font-size: 44px;
    line-height: 44px;
    
    color: #3c3c3c;
    text-transform: uppercase;
}

.service_center03 .left .box .con {
    font-size: 34px;
    line-height: 40px;
    font-family: 'he_lighter';
    color: #3c3c3c;
    text-transform: uppercase;
    margin-top: 25px;
}

.service_center03 .left .box .btn-yellow {
    margin-top: 50px;
}

.service_center03 .right {
    position: relative;
    width: 49%;
    float: right;
    height: 508px;
}

.service_center03 .right>img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 950px;
    height: 100%;
    max-width: none;
}

.service_center04 {
    margin: 70px 0;
}

.service_center04 .content {
    background: url(../img/ser_center04_1.jpg) no-repeat center;
    padding: 160px 0 120px;
}

.service_center04 .content .infor {
    width: 55%;
    float: right;
}

.service_center04 .content .infor .box {
    padding-right: 90px;
}

.service_center04 .content .infor .box .tit {
    font-size: 48px;
    line-height: 48px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.service_center04 .content .infor .box .con dt {
    margin-bottom: 9px;
}

.service_center04 .content .infor .box .con dt span {
    display: inline-block;
    font-size: 34px;
    line-height: 34px;
    color: #000;
    font-family: 'he_lighter';
    background: #ffc13d;
    text-transform: uppercase;
}

.service_center04 .content .infor .box .con dd {
    margin-bottom: 12px;
}

.service_center04 .content .infor .box .con dd span {
    display: inline-block;
    font-size: 34px;
    line-height: 36px;
    color: #fff;
    font-family: 'he_lighter';
    background: #000000;
    text-transform: uppercase;
}

/*é¦é¡µ*/

.index_header.fixed {
    background: #fff;
	opacity:1;
}

.index_header.fixed .h_logo .logo {
    display: none;
}

.index_header.fixed .h_logo .logo_hover {
    display: block;
}

.index_header.fixed .inav .nav_li>a {
    color: #000
}

.index_header.fixed .h_tools .h_tool {
    color: #000;
}

.index_header.fixed .h_tools .h_tool:after {
    background: #ccc;
}

/*ibanner*/

.ibanner > ul.owl-carousel:not(.owl-loaded) {
    display: block;
}

.ibanner {
    width: 100%;
    height: 1080px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.ibanner .iban_word {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 35%;
    left: 0;
    z-index: 1;
}

.ibanner .iban_word .infor {
    text-align: center;
}

.ibanner .iban_word .infor .tit {
	width:100%;
	overflow:hidden; 
	text-align:left; 
	font-size:60px; 
	line-height:70px; 
	color:#fff; 
	font-weight:bold; 
	margin-top:10px;
    }

.ibanner .iban_word .infor .con {
    width:100%; 
	overflow:hidden; 
	text-align:left; 
	font-size:30px; 
	line-height:35px; 
	color:#fff; 
	font-weight:normal; 
	margin-top:20px;
}

.ibanner li {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: none;
}

.ibanner .owl-item li {
    display: block;
}

.ibanner li .banner_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.ibanner li img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ibanner li img {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: all 6.5s ease;
    transition: all 6.5s ease;
}

.ibanner .active li img {
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    -o-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
}

.ibanner li video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: fill;
}

.ibanner li .video_cover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../img/widgets_float_banner_5_5.png) repeat;
    z-index: 2;
}

.ibanner .cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    pointer-events: none;
    display: none;
}

.ibanner .cursor .cursorIcon {
    width: 33px;
    height: 54px;
    background: url(../img/widgets_float_banner_5_6.png) no-repeat center;
}

.ibanner .cursor.right .cursorIcon {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ibanner .ibanner .nav-btn {
    user-select: none;
    cursor: pointer;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #fff;
    font-size: 60px;
    margin-top: -50px;
    margin-left: -700px;
}

.ibanner .ibanner .nav-btn.r {
    margin-left: 600px;
}

.ibanner .ibanner .nav-btn:hover {
    color: #133b6f;
}

.ibanner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 10;
    bottom: 149px;
    left: 0%;
    width: 100%;
    text-align: center;
}

.ibanner .owl-carousel .owl-dot {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    margin: 0 5px;
    border-radius: 50%;
    display: inline-block;
}

.ibanner .owl-carousel .owl-dot.active {
    background: #fff;
}

.ipart01 {
    padding: 60px 0;
}

.ipart01 .infor {
    text-align: center;
}

.ipart01 .infor .tit {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #5d5d5d;
}

.ipart01 .content {
    margin-top: 50px;
    padding: 0 1%
}

.ipart01 .content .rect-3522 {
    padding-bottom: 35.22%;
}

.ipart01 .content .rect-1256 {
    padding-bottom: 125.6%;
}

.ipart01 .content .rect-9719 {
    padding-bottom: 97.19%;
}

.ipart01 .content .rect-8517 {
    padding-bottom: 85.17%;
}

.ipart01 .content .rect-6470 {
    padding-bottom: 64.7%;
}

.ipart01 .content .item {
    position: relative;
}

.ipart01 .content .item .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.ipart01 .content .item .cover .t {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px;
}

.ipart01 .content .item .cover .c {
    font-size: 16px;
    line-height: 22px;
}

.ipart01 .content .left {
    float: left;
    width: 65%;
}

.ipart01 .content .left .item01 {
    float: left;
    width: 100%;
    margin-bottom: 14px;
}

.ipart01 .content .left .item01 .cover .box {
    padding-top: 110px;
    padding-left: 60px;
    width: 52%;
}

.ipart01 .content .left .item01 .cover .t {
    color: #1a1a1a;
}

.ipart01 .content .left .item01 .cover .c {
    color: #282828;
    color: rgba(40, 40, 40, .8);
}

.ipart01 .content .left .item02 {
    float: left;
    width: 41%;
}

.ipart01 .content .left .item02 .cover .box {
    padding: 55px 56px 55px 53px;
}

.ipart01 .content .left .item02 .cover .t {
    color: #fff;
}

.ipart01 .content .left .item02 .cover .c {
    color: #fff;
    color: rgba(255, 255, 255, .6);
}

.ipart01 .content .left .item03 {
    float: right;
    width: 57%;
}

.ipart01 .content .left .item03 .cover .box {
    padding: 55px 90px 55px 40px;
}

.ipart01 .content .left .item03 .cover .t {
    color: #1a1a1a;
}

.ipart01 .content .left .item03 .cover .c {
    color: #282828;
    color: rgba(40, 40, 40, .8);
}

.ipart01 .content .right {
    width: 34%;
    float: right;
}

.ipart01 .content .right .item04 {
    margin-bottom: 14px;
}

.ipart01 .content .right .item04 .cover .box {
    padding: 80px 105px 20px 30px;
}

.ipart01 .content .right .item04 .cover .t {
    color: #fff;
}

.ipart01 .content .right .item04 .cover .c {
    color: #fff;
    color: rgba(255, 255, 255, .6);
}

.ipart01 .content .right .item05 .cover .box {
    padding: 70px 95px 55px 35px;
}

.ipart01 .content .right .item05 .cover .t {
    color: #1a1a1a;
}

.ipart01 .content .right .item05 .cover .c {
    color: #282828;
    color: rgba(40, 40, 40, .8);
}

.ipart02 {
    padding: 140px 0;
    background: url(../img/ipart02.jpg) no-repeat center;
    background-size: cover;
}

.ipart02 .infor {
    width: 55%;
    padding-left: 2%;
}

.ipart02 .infor .tit {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    display: block;
}

.ipart02 .infor .con {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    color: rgba(255, 255, 255, .6);
    margin: 20px 0 45px;
}

.ipart02 .infor .more_box {
    font-size: 0px;
}

.ipart02 .infor .more_box a {
    display: inline-block;
    padding: 0 17px;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, .7);
    height: 35px;
    line-height: 35px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ipart02 .infor .more_box a:hover {
    border-color: #ffc13d;
    background: #ffc13d;
    color: #1a1a1a;
}

.ipart03 {
    padding: 60px 0;
}

.ipart03 .infor {
    text-align: center;
}

.ipart03 .infor .tit {
    display: block;
    font-size: 40px;
    line-height: 40px;
    color: #5d5d5d;
}

.ipart03 .content {
    margin-top: 50px;
}

.ipart03 .content .rect-61 {
    padding-bottom: 61%;
}

.ipart03 .content .rect-69 {
    padding-bottom: 69%;
}

.ipart03 .content .rect-6275 {
    padding-bottom: 62.75%;
}

.ipart03 .content .left {
    width: 50%;
    float: left;
}

.ipart03 .content .left .img_ {
    margin-bottom: 28px;
}

.ipart03 .content .left .img_ .cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(../img/black47.png) center;
}

.ipart03 .content .left .img_ .cover .box {
    padding: 20px 30px;
}

.ipart03 .content .left .img_ .cover .box .t {
    font-size: 24px;
    line-height: 28px;
    color: #fff;
}

.ipart03 .content .left .img_ .date {
    position: absolute;
    right: 35px;
    top: 33px;
    background: #004c97;
}

.ipart03 .content .left .img_ .date .box {
    padding: 10px;
}

.ipart03 .content .left .img_ .date .box .month {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
}

.ipart03 .content .left .img_ .date .box .day {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.ipart03 .content .left .list li {
    width: 48%;
    position: relative;
}

.ipart03 .content .left .list li:after {
    content: '';
    width: 0%;
    height: 3px;
    background: #004c97;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all 0.5s ease;
}

.ipart03 .content .left .list .li_box {
    display: block;
    padding: 25px 25px 20px;
    border: 1px solid #e0e0e0;
}

.ipart03 .content .left .list .li_box .tit {
    font-size: 21px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 17px;
}

.ipart03 .content .left .list .li_box .con {
    font-size: 13px;
    line-height: 19px;
    height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 35px;
}

.ipart03 .content .left .list .li_box .time {
    font-size: 13px;
    line-height: 25px;
    color: #aeaeae;
}

.ipart03 .content .left .list li:hover .li_box .tit {
    color: #004c97;
}

.ipart03 .content .left .list li:hover .li_box .con {
    color: #004c97;
}

.ipart03 .content .left .list li:hover .li_box .time {
    color: #004c97;
}

.ipart03 .content .left .list li:hover:after {
    width: 100%;
}

.ipart03 .content .center {
    width: 23%;
    margin: 0 2%;
    float: left;
}

.ipart03 .content .center .item {
    position: relative;
}

.ipart03 .content .center .item:after {
    content: '';
    width: 0%;
    height: 3px;
    background: #004c97;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all 0.5s ease;
}

.ipart03 .content .center .item:hover:after {
    width: 100%;
}

.ipart03 .content .center .item a {
    display: block;
}

.ipart03 .content .center .item01 {
    margin-bottom: 28px;
    border: 1px solid #e0e0e0;
}

.ipart03 .content .center .item01 .box {
    padding: 28px 20px 12px;
    display: block;
}

.ipart03 .content .center .item01 .box .tit {
    font-size: 21px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 30px;
}

.ipart03 .content .center .item01 .box .time {
    font-size: 13px;
    color: #aeaeae;
}

.ipart03 .content .center .item01:hover .box .tit {
    color: #004c97;
}

.ipart03 .content .center .item01:hover .box .time {
    color: #004c97;
}

.ipart03 .content .center .item02 {
    border: 1px solid #e0e0e0;
}

.ipart03 .content .center .item02 .intro .box {
    padding: 35px 25px 20px;
}

.ipart03 .content .center .item02 .intro .box .tit {
    font-size: 21px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 17px;
}

.ipart03 .content .center .item02 .intro .box .con {
    font-size: 13px;
    line-height: 19px;
    height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 25px;
}

.ipart03 .content .center .item02 .intro .box .time {
    font-size: 13px;
    line-height: 25px;
    color: #aeaeae;
}

.ipart03 .content .center .item02:hover .intro .box .tit {
    color: #004c97;
}

.ipart03 .content .center .item02:hover .intro .box .con {
    color: #004c97;
}

.ipart03 .content .center .item02:hover .intro .box .time {
    color: #004c97;
}

.ipart03 .content .right {
    width: 23%;
    float: right;
}

.ipart03 .content .right .item {
    position: relative;
}

.ipart03 .content .right .item:after {
    content: '';
    width: 0%;
    height: 3px;
    background: #004c97;
    position: absolute;
    left: 0;
    bottom: -1px;
    transition: all 0.5s ease;
}

.ipart03 .content .right .item:hover:after {
    width: 100%;
}

.ipart03 .content .right .item a {
    display: block;
}

.ipart03 .content .right .item01 {
    border: 1px solid #e0e0e0;
}

.ipart03 .content .right .item01 .intro .box {
    padding: 15px 25px 20px;
}

.ipart03 .content .right .item01 .intro .box .tit {
    font-size: 21px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 17px;
}

.ipart03 .content .right .item01 .intro .box .con {
    font-size: 13px;
    line-height: 19px;
    height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 25px;
}

.ipart03 .content .right .item01 .intro .box .time {
    font-size: 13px;
    line-height: 25px;
    color: #aeaeae;
}

.ipart03 .content .right .item01:hover .intro .box .tit {
    color: #004c97;
}

.ipart03 .content .right .item01:hover .intro .box .con {
    color: #004c97;
}

.ipart03 .content .right .item01:hover .intro .box .time {
    color: #004c97;
}

.ipart03 .content .right .item02 {
    margin-top: 28px;
    background: #f2f2f2;
}

.ipart03 .content .right .item02 .box {
    padding: 30px 20px 25px;
    display: block;
}

.ipart03 .content .right .item02 .box .tit {
    font-size: 21px;
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: #626262;
    margin-bottom: 40px;
}

.ipart03 .content .right .item02 .box .time {
    font-size: 13px;
    color: #aeaeae;
}

.ipart04 {
    background: url(../img/ipart04.jpg) no-repeat center;
    padding: 80px 0;
}

.ipart04 .content {
    width: 79%;
    position: relative;
}

.ipart04 .content .item {
    display: none;
    padding-left: 190px;
    position: relative;
    padding-bottom: 25px;
}

.ipart04 .content .owl-item .item {
    display: block;
}

.ipart04 .content .item .icon {
    width: 156px;
    height: 156px;
    background: url(../img/ipart04_2.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
}

.ipart04 .content .item .intro {
    padding-top: 50px;
}

.ipart04 .content .item .intro .tit {
    font-size: 42px;
    line-height: 50px;
    color: #3a3a3a;
    margin-bottom: 25px;
}

.ipart04 .content .item .intro .con {
    font-size: 22px;
    line-height: 38px;
    height: 114px;
    overflow-y: auto;
    color: #424242;
}

/*é»è®¤æ»å¨æ¡å¤ç*/

.ipart04 .content .item .intro .con::-webkit-scrollbar-track-piece {
    background: #f7f7f7;
}

/*å¹æ§½é¢è²*/

.ipart04 .content .item .intro .con::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*æ»å¨æ¡å®½é«*/

.ipart04 .content .item .intro .con::-webkit-scrollbar-thumb {
    background: #facd00;
    ;
    background-clip: padding-box;
    min-height: 10px;
}

/*æ»å¨æ¡è®¾ç½®*/

.ipart04 .content .item .intro .con ::-webkit-scrollbar-thumb:hover {
    background: #f7f7f7;
}

.ipart04 .content .owl-carousel .owl-dots {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 190px;
}

.ipart04 .content .owl-carousel .owl-dot {
    width: 9px;
    height: 9px;
    border: 1px solid #3a3a3a;
    margin: 0 5px;
    border-radius: 50%;
    display: inline-block;
}

.ipart04 .content .owl-carousel .owl-dot.active {
    background: #3a3a3a;
}

/*2020-0810*/

.proSearch .pro_list02 .content .right {
    width: 100%;
}

/*2020-0812 åçæå*/

.brand.channel_content {
    padding: 0
}

.brand01 {
    padding: 60px 0;
}

.brand01 .hd {
    margin-bottom: 20px;
}

.brand01 .hd ul {
    height: 80px;
    line-height: 80px;
    background: #00479d;
    overflow: hidden;
}

.brand01 .hd li {
    width: 20%;
    float: left;
    position: relative;
    border-left: 1px solid #eee;
    cursor: pointer;
    margin-left: -1px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.brand01 .hd li span {
    padding-right: 40px;
}

.brand01 .hd li .icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../img/brand_concept01_jt.png) no-repeat;
    background-position: 0 0px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
}

.brand01 .hd li.cur .icon {
    background-position: 0 -26px;
}

.brand01 .hd li.cur {
    color: #4f4f4f;
    background: #facd00;
}

.brand01 .hd.fixed {
    width: 100%;
    position: fixed;
    left: 0;
    top: 64px;
    z-index: 2;
    height: 80px;
    margin-bottom: 0;
    border-top: 1px solid #fff;
}

.brand01 .bd.fixed {
    padding-top: 80px;
}

.brand01 .bd .section1 {
    margin-bottom: 40px;
}

.brand01 .bd .section1 .infor {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.brand01 .bd .section1 .infor .tit {
    display: inline-block;
    width: auto;
    height: 52px;
    line-height: 50px;
    background-color: #01a2ea;
    color: #fff;
    padding: 0 33px;
    font-size: 27px;
    position: relative;
    margin-bottom: 21px;
    text-transform: uppercase;
}

.brand01 .bd .section1 .infor .tit i {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid dashed dashed;
    border-color: #01a2ea transparent transparent;
    border-width: 7px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -14px;
}

.brand01 .bd .section1 .infor .con .t {
    font-size: 34px;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    text-transform: uppercase;
    padding: 0 4%;
}

.brand01 .bd .section2 {
    margin-bottom: 30px;
}

.brand01 .bd .section2 .content {
    position: relative;
    height: 490px;
    overflow: hidden;
}

.brand01 .bd .section2 .content>img {
    position: absolute;
    left: 50%;
    margin-left: -650px;
    width: 1300px;
    max-width: none;
}

.brand01 .bd .section2 .content .cover {
    position: absolute;
    color: #fff;
    padding: 50px;
    overflow: hidden;
    background: url(../img/opc-blue-90.png);
    left: 120px;
    top: 100px;
}

.brand01 .bd .section2 .content .cover .box {
    width: 300px;
}

.brand01 .bd .section2 .content .cover .box .tit {
    font-size: 26px;
    font-weight: bold;
}

.brand01 .bd .section2 .content .cover .box .con {
    font-size: 16px;
}

.brand01 .bd .section3 {
    margin-bottom: 50px;
}

.brand01 .bd .section3 .infor {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.brand01 .bd .section3 .infor .tit {
    display: inline-block;
    width: auto;
    height: 52px;
    line-height: 50px;
    background: #01a2ea;
    color: #fff;
    padding: 0 33px;
    font-size: 27px;
    position: relative;
    margin-bottom: 6px;
    font-weight: bold;
}

.brand01 .bd .section3 .infor .tit i {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid dashed dashed;
    border-color: #01a2ea transparent transparent;
    border-width: 7px;
    position: absolute;
    left: 50%;
    margin-left: -7px;
    bottom: -14px;
}

.brand01 .bd .section3 .content ul {
    text-align: center;
    font-size: 0;
}

.brand01 .bd .section3 .content li {
    display: inline-block;
    width: 225px;
    height: 175px;
    cursor: pointer;
    border: 2px solid #969696;
    color: #969696;
    font-size: 20px;
    margin: 6px;
    *display: inline;
    *zoom: 1;
}

.brand01 .bd .section3 .content li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.brand01 .bd .section3 .content li a .tit {
    display: block;
    font-size: 32px;
    margin-top: 60px;
    font-weight: bold;
    word-wrap: break-word;
}

.brand01 .bd .section3 .content li:hover,
.brand01 .bd .section3 .content li a:hover {
    border-color: #facd00;
    background: #facd00;
    color: #4f4f4f;
}

.brand01 .bd .section4 {
    margin-bottom: 50px;
}

.brand01 .bd .section4 .content {
    position: relative;
    height: 490px;
    overflow: hidden;
}

.brand01 .bd .section4 .content>img {
    position: absolute;
    left: 50%;
    margin-left: -650px;
    width: 1300px;
    max-width: none;
}

.brand01 .bd .section4 .content .cover {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px 50px 50px;
    overflow: hidden;
    background: url(../img/opc-yellow.png);
    color: #4f4f4f;
    margin: 0px 0 0 100px;
    width: 24%;
}

.brand01 .bd .section4 .content .cover .box .tit {
    font-size: 32px;
    font-weight: bold;
}

.brand01 .bd .section4 .content .cover .box .con {
    font-size: 16px;
}

.brand01 .bd .section5 .content {
    position: relative;
    height: 490px;
    overflow: hidden;
}

.brand01 .bd .section5 .content>img {
    position: absolute;
    left: 50%;
    margin-left: -650px;
    width: 1300px;
    max-width: none;
}

.brand01 .bd .section5 .content .cover {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 30px 50px;
    overflow: hidden;
    background: url(../img/opc-blue-90.png);
    color: #fff;
    margin: -100px 0 0 100px;
    width: 30%;
}

.brand01 .bd .section5 .content .cover .box .tit {
    font-size: 32px;
    font-weight: bold;
}

.brand01 .bd .section5 .content .cover .box .con {
    font-size: 16px;
}

.brand01 .bd .section5 .content .cover .box .txt {
    font-size: 13px;
}

/*äº§ååè¡¨ å¯¹æ¯åè½*/

.pro_list02 .content .right ul li {
    position: relative;
}

/* .pro_list02 .content .right ul li .li_box .intro .tit{position:relative;} */

.pro_list02 .content .right ul li .li_box .intro .tit .pro_compare {
    display: none;
}

:root .pro_list02 .content .right ul li .li_box .intro .tit .pro_compare {
    position: absolute;
    right: 20px;
    top: 0px;
    cursor: pointer;
    display: block;
}

:root .pro_list02 .content .right ul li .li_box .intro .tit .pro_compare label span:hover {
    color: #00a1e9;
}

.pro_list02 .content .right ul li .li_box .intro .tit .pro_compare .plp-item-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/pro_list_02_4.png) no-repeat;
    vertical-align: middle;
}

.pro_list02 .content .right ul li .li_box .intro .tit .pro_compare .plp-item-checkbox.plp-item-chked {
    background-position: 0 -16px;
}

.pro_list02 .content .right ul li .li_box .intro .tit .pro_compare span {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 5px;
}

/*äº§ååè¡¨å¯¹æ¯æé®çinputæ¡*/

.pro_compare .plp-item-constrast-chk {
    float: left;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 7px;
    display: none;
}

/*äº§ååè¡¨ä¸å¯ç¹å»ç¶æä¸å¯¹æ¯æé®inputç¶çº§labelæ ·å¼*/

.plp-item-constrast-disabled {
    color: #9d9d9d;
}

/*äº§åæ¯è¾ åºé¨æµ®å±*/

.compare_product {
    position: fixed;
    z-index: 40;
    width: 100%;
    height: 87px;
    /*display:none;*/
    bottom: -100%;
    box-sizing: border-box;
    overflow-x: hidden;
    /* transition:bottom .3s ease-in-out; -webkit-transition:bottom .3s ease-in-out; -moz-transition:bottom .3s ease-in-out; -ms-transition:bottom .3s ease-in-out; -o-transition:bottom .3s ease-in-out;*/
}

.compare_product .compare-main {
    margin: 0 auto;
    background: url(../img/black95.png) center;
    text-align: center;
}

.compare_product .compare-sel {
    color: #fff;
    padding: 24px 0 21px 0;
    display: inline-block;
    width: 100%;
    font-size: 0;
}

.compare_product .compare-selul {
    height: 40px;
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    width: 63%;
}

.compare_product .compare-selli {
    float: left;
    font-size: 16px;
    height: 38px;
    width: 30%;
    margin-right: 3%;
    text-align: center;
}

.compare_product .compare-selli-name {
    display: inline-block;
    max-width: 245px;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    margin-right: 15px;
    line-height: 40px
}

/*åºé¨åä¸ªå é¤æé®æ ·å¼*/

.compare_product .compare-selli-delbtn {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    line-height: 10px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 13px;
    cursor: pointer;
    background: #fff url(../img/compare_close.png) no-repeat center;
}

/*åºé¨çå¯¹æ¯æé®ååæ¶æé®çç¶çº§*/

.compare_product .compare-selbtn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 33%;
    height: 42px;
    overflow: hidden;
    padding: 0px 0 0 34px;
    border-left: 1px solid #6f6f6f;
    text-align: left;
    float: right;
}

/*åºé¨å¯¹æ¯æé®*/

.compare_product .compare-selbtn .comparea-selbtn-btn {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #f5f3f3;
    border-radius: 4px;
    background-color: transparent;
    color: #f5f3f3;
    cursor: normal;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    max-width: 278px;
    text-align: center;
    float: left;
    opacity: .65;
    padding: 0 16px;
}

/*åºé¨åæ¶æé®*/

.compare_product .compare-selbtn .comparea-selbtn-closeall {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #f5f3f3;
    border-radius: 4px;
    background-color: transparent;
    color: #f5f3f3;
    cursor: pointer;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 140px;
    padding: 0 16px;
    margin-left: 34px;
    float: left;
}

.compare_product .compare-selbtn .comparea-selbtn-closeall:hover {
    background: #f5f3f3;
    border-color: #f5f3f3;
    color: #1e1e1e;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

/*åºé¨å¯¹æ¯æé®å¯ç¹å»ç¶ææ ·å¼åè§¦æ§*/

.compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled {
    width: 140px;
    padding: 0 16px;
    cursor: pointer;
    opacity: 1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled:hover {
    background-color: #f5f3f3;
    color: #1e1e1e;
    border-color: #f5f3f3
}

/*å»ææ»å¨æ¡*/

.hidescrollbar {
    overflow: hidden;
    -ms-overflow-x: hidden;
    -ms-overflow-y: hidden;
}

.comparePro_list.active .bott_ {
    overflow-y: auto !important;
    -ms-overflow-y: auto !important;
}

.comparePro_list .bott_ .table_information .list {
    float: left;
}

.comparePro_list .bott_ .table_information .d_body {
    border-top: 1px solid #dfdfdf;
    width: 100%;
    border-collapse: collapse;
}

.comparePro_list .bott_ .table_information .parameter {
    background: #fff;
    text-align: center;
    border: 1px solid #dfdfdf;
    border-top: 0;
    text-indent: 16px;
    height: 34px;
    line-height: 34px;
    color: #686868;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.comparePro_list .bott_ .table_information .d_title {
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    background: #ededed;
}

.comparePro_list .bott_ .table_information .three_pro1 .d_item {
    background: #f7f7f7;
}

.comparePro_list .bott_ .two_pro .table_information .list {
    width: 33.3%;
}

.comparePro_list .bott_ .three_pro .table_information .list {
    width: 25%;
}

/*è§é¢åè¡¨*/

.video_list .hd {
    margin: 35px 0 40px;
}

.video_list .hd .item {
    float: left;
    font-size: 16px;
    line-height: 48px;
    color: #555;
    background: #f5f5f5;
    padding: 0 20px;
    cursor: pointer;
}

.video_list .hd .item.cur {
    color: #fff;
    background: #004c97;
}

.video_list .bd li {
    background: #f6f6f6;
    width: 23.5%;
    margin-right: 2%;
    float: left;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer;
}

.video_list .bd .li_four {
    margin-right: 0;
}

.video_list .bd .li_box {
    padding: 15px;
}

.video_list .bd .li_box .cover {
    width: 100%;
    height: 100%;
    background: url(../img/black.6.png) center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.video_list .bd .li_box .cover .play {
    width: 50px;
    height: 50px;
    background: url(../img/video_list01.png) center;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
}

.video_list .bd .li_box .tit {
    font-size: 14px;
    margin: 15px 0 5px;
    width: 90%;
}

.video_list .bd .li_box ._tools span {
    margin-right: 20px;
}

.video_list .bd .li_box ._tools span i {
    font-size: 16px;
}

.video_list .bd .li_line {
    width: 0;
    height: 5px;
    background: #facd00;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.5s ease;
}

.video_list .bd li:hover .li_line {
    width: 100%;
}

/*å¨çå¾å·¥*/

.global.channel_content {
    padding: 0;
}

.global01 {
    margin-bottom: 60px;
    padding-top: 60px;
    overflow: hidden;
    display: none
}

.global01>.wrap {
    background: #f8f8f8;
}

.global01 .left {
    width: 24%;
    float: left;
}

.global01 .left li {
    background: #00a1e9;
    border-top: 1px solid #fff;
    cursor: pointer;
}

.global01 .left li:first-child {
    border-top: none;
}

.global01 .left li .icon_box {
    display: inline-block;
    width: 86px;
    height: 86px;
    text-align: center;
    vertical-align: middle;
}

.global01 .left li .icon_box .icon {
    display: inline-block;
    width: 52px;
    height: 45px;
    background: url(../img/global01_1.png) no-repeat;
    margin: 20px 0 21px;
}

.global01 .left li .icon_box .icon01 {
    background-position: 0 0;
}

.global01 .left li .icon_box .icon02 {
    background-position: -52px 0;
}

.global01 .left li .icon_box .icon03 {
    background-position: -104px 0;
}

.global01 .left li .icon_box .icon04 {
    background-position: -156px 0;
}

.global01 .left li .icon_box .icon05 {
    background-position: -208px 0;
}

.global01 .left li .text {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    line-height: 86px;
}

.global01 .left li.cur {
    background: #facd00;
}

.global01 .left li.cur .icon_box .icon01 {
    background-position: 0 -45px;
}

.global01 .left li.cur .icon_box .icon02 {
    background-position: -52px -45px;
}

.global01 .left li.cur .icon_box .icon03 {
    background-position: -104px -45px;
}

.global01 .left li.cur .icon_box .icon04 {
    background-position: -156px -45px;
}

.global01 .left li.cur .icon_box .icon05 {
    background-position: -208px -45px;
}

.global01 .left li.cur .text {
    color: #4f4f4f;
}

.global01 .right {
    width: 76%;
    float: left;
}

.global01 .right .item {
    display: none;
}

.global01 .right .item.cur {
    display: block;
}

.global01 .right .item_l {
    width: 51%;
    float: left;
}

.global01 .right .item_l .intro {
    padding: 83px 41px 81px 65px;
}

.global01 .right .item_l .intro .tit {
    font-size: 36px;
    line-height: 40px;
    color: #666;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.global01 .right .item_l .intro .con {
    font-size: 16px;
    line-height: 24px;
    color: #4c4c4c;
    margin-top: 30px;
    height: 96px;
    overflow: hidden;
}

.global01 .right .item_l .intro .more {
    width: 220px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    display: inline-block;
    border: 1px solid #666;
    color: #666;
    margin-top: 20px;
}

.global01 .right .item_l .intro .more:hover {
    color: #fff;
    background: #00a1e9;
    border-color: #00a1e9;
}

.global01 .right .item_r {
    width: 43%;
    float: right;
    margin-right: 5%;
    margin-top: 64px;
}

.global01 .right .item_r .rect-7093 {
    padding-bottom: 70.93%;
}

.global02 {
    background: #f5f6fa;
    padding: 60px 0 20px;
    display: none
}

.global02 .rect-556 {
    padding-bottom: 55.6%;
}

.global02 li a {
    display: block;
}

.global02 li {
    width: 31.5%;
    margin-right: 1.5%;
    float: left;
    cursor: pointer;
}

.global02 li.three_li {
    margin-right: 0;
}

.global02 li .img_ .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    background: url(../img/black.4.png);
}

.global02 li .img_ .cover .t {
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    padding-top: 80px;
}

.global02 li .intro {
    position: relative;
    top: -47px;
}

.global02 li .intro .cover {
    margin: 0 27px;
}

.global02 li .intro .cover .box {
    transition: all .5s ease;
    background: #fff;
    padding: 40px 46px 30px 30px;
}

.global02 li .intro .cover .box .c {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.global02 li .intro .cover .box .more {
    display: block;
    font-size: 14px;
    color: #00a1e9;
    margin-top: 22px;
}

.global02 li .intro .cover .box .more i {
    font-size: 13px;
}

.global03 {
    padding: 60px 0;
}

.global03 .infor {
    text-align: center;
    padding: 0 14%;
    margin-bottom: 30px;
}

.global03 .infor .tit {
    font-size: 36px;
    line-height: 40px;
    color: #666;
    font-weight: bold;
}

.global03 .infor .con {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    margin-top: 23px;
}

.global03 .infor .con span {
    font-size: 20px;
    color: #00479d;
    font-weight: bold;
}

.global03 .content {
    padding: 0 50px;
    position: relative;
}

.global03 .content .rect-5133 {
    padding-bottom: 51.33%;
}

.global03 .content .dot_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.global03 .content .dot_box .dot {
    position: absolute;
}

.global03 .content .dot_box .dot .dot_circle {
    display: block;
    width: 14px;
    height: 14px;
    background: #00479d;
    position: relative;
    z-index: 3;
    border-radius: 50%;
}

.global03 .content .dot:after,
.global03 .content .dot:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.global03 .content .dot:before {
    width: 29px;
    height: 29px;
    background: transparent;
    background: rgba(0, 71, 157, 0.3);
    margin-top: -14px;
    margin-left: -14px;
    -webkit-animation: warn 2s linear 0.4s infinite;
    -moz-animation: warn 2s linear 0.4s infinite;
    animation: warn 2s linear 0.4s infinite;
    opacity: 0;
}

.global03 .content .dot:after {
    width: 46px;
    height: 46px;
    background: transparent;
    /*background:#7e9ec3;*/
    background: rgba(0, 71, 157, 0.2);
    margin-left: -23px;
    margin-top: -23px;
    -webkit-animation: warn 2s linear 0s infinite;
    -moz-animation: warn 2s linear 0s infinite;
    animation: warn 2s linear 0s infinite;
    opacity: 0;
}

@keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    25% {
        transform: scale(1);
        opacity: 0.4;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
    75% {
        transform: scale(1.3);
        opacity: 0.4;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

@-webkit-keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    25% {
        transform: scale(1);
        opacity: 0.4;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.8;
    }
    75% {
        transform: scale(1.3);
        opacity: 0.4;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

.global03 .content .cover {
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../img/blue80.png) center;
    width: 52%;
}

.global03 .content .cover .box {
    padding: 40px;
}

.global03 .content .cover .box dt {
    float: left;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 25px;
}

.global03 .content .cover .box dd {
    float: left;
    width: 49%;
    margin-right: 2%;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-top: 5px;
}

.global03 .content .cover .box dd span {
    display: inline-block;
    margin-right: 3px;
    font-size: 28px;
    color: #facd00;
    font-weight: bold;
}

.global03 .content .cover .box dd.even {
    margin-right: 0;
}

.global03 .content .cover .box .text {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    margin-top: 30px;
}

/*èç³»æä»¬*/

.contact_us01 {
    margin-bottom: 65px;
}

.contact_us01 .infor {
    padding-top: 22px;
    ;
}

.contact_us01 .infor .tit {
    font-size: 40px;
    color: #323232;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center
}

.contact_us01 .content {
    margin-top: 40px;
    padding: 0 6%;
}

.contact_us01 .content .hd {
    border: 1px solid #d9d9da
}

.contact_us01 .content .hd .item {
    float: left;
    width: 33.33%;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.contact_us01 .content .hd .item span {
    display: block;
    border-left: 1px solid #d9d9da;
}

.contact_us01 .content .hd .item:first-child span {
    border-left: none
}

.contact_us01 .content .hd .item.cur {
    background: #00a1e9;
    border-left-color: #00a1e9;
    color: #fff;
}

.contact_us01 .content .bd {
    background: #f8f8f8;
}

.contact_us01 .content .bd table {
    margin-top: 40px;
}

.contact_us01 .content .bd ul {
    padding: 50px 35px;
}

.contact_us01 .content .bd ul li {
    width: 32%;
    margin-right: 2%;
    background: #fff;
    float: left;
    margin-bottom: 30px;
    ;
}

.contact_us01 .content .bd ul .li_three {
    margin-right: 0px;
}

.contact_us01 .content .bd ul .li_box {
    padding: 25px 40px;
}

.contact_us01 .content .bd ul dl {
    height: 180px;
    overflow: hidden;
}

.contact_us01 .content .bd ul dt {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    ;
    position: relative
}

.contact_us01 .content .bd ul dt:after {
    content: '';
    width: 30px;
    height: 2px;
    background: #00a1e9;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact_us01 .content .bd ul dd {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.contact_us02 .infor .tit {
    font-size: 40px;
    color: #323232;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center
}

.contact_us02 .form {
    margin-top: 40px;
    padding: 0 6%;
}

.contact_us02 .item {
    margin-bottom: 40px;
}

.contact_us02 .item .t {
    margin-bottom: 12px;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    font-family: Arial
}

.contact_us02 .item .t em {
    color: red;
}

.contact_us02 .item .item_l {
    float: left;
    width: 47.5%;
}

.contact_us02 .item .item_r {
    float: right;
    width: 47.5%;
}

.contact_us02 .item .inp,
.contact_us02 .item .text {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #f8f8f8;
    text-indent: 20px;
    outline: 0;
    border: 0;
    box-sizing: border-box;
}

.contact_us02 .item .text {
    height: 166px;
}

.contact_us02 .item .btns {
    padding: 0 55px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #00a1e9;
    font-size: 18px;
    border: 0;
    outline: 0;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 37px;
    cursor: pointer;
}

/* éªè¯ç  */

.contact_us02 .item04 .inp {
    width: 45%;
    display: inline-block;
    margin-right: 5%;
}

.contact_us02 .item04 .img_ {
    height: 45px;
    display: inline-block;
}

.contact_us02 .item04 .item_r {
    text-align: right;
}


/*è¿åé¡¶é¨*/

.website_gotop .gotop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: url(../img/go_top.png) no-repeat center;
    width: 40px;
    height: 40px;
    z-index: 10;
    cursor: pointer;
}

/* ææºç«¯åäº«æ´å¤æç¤º */

.Mobile_Share {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 99999
}	
/*é»è®¤æ»å¨æ¡å¤ç*/

.sale_net02 .left .item02 .item_bott .content::-webkit-scrollbar-track-piece {
    background: #f7f7f7;
}

/*å¹æ§½é¢è²*/

.sale_net02 .left .item02 .item_bott .content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/*æ»å¨æ¡å®½é«*/

.sale_net02 .left .item02 .item_bott .content::-webkit-scrollbar-thumb {
    background: #facd00;
    ;
    background-clip: padding-box;
    min-height: 10px;
}

/* é¦é¡µè¡¥å */

.ibanner {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 4
}

.mask2 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background: #1c1c1c;
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.mask2.show {
    opacity: .8;
}

.ipart {
    position: relative;
    z-index: 2;
}

.ipart01 {
    background: #fff;
}

.ipart03 {
    background: #fff;
}

.ipart00 {
    padding: 50px 0 150px;
}

.ipart00 .infor {
    text-align: center;
    margin-bottom: 80px;
    color: #fff;
}

.ipart00 .infor .tit {
    font-size: 55px;
    line-height: 55px;
    
    margin-bottom: 20px;
}

.ipart00 .infor .con {
    font-size: 15px;
    line-height: 20px;
    font-family: Arial;
    padding: 0 8%;
}

.ipart00 .content li {
    width: 23.5%;
    float: left;
    margin-left: 7%;
    transition: all 0.5s ease;
    position: relative;
}

.ipart00 .content li:after {
    content: '';
    width: 234px;
    height: 245px;
    background: url(../img/ipart00_1.png) no-repeat center;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

/*.ipart00 .content li:first-child{margin-left:0;}*/

.ipart00 .content li .li_box {
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, .3);
    position: relative;
    z-index: 2;
}

.ipart00 .content li .li_box .box {
    position: absolute;
    left: 13px;
    top: 13px;
    right: 13px;
    bottom: 13px;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, .3);
    text-align: center;
    color: #fff;
}

.ipart00 .content li .li_box .box .num {
    font-size: 77px;
    line-height: 77px;
    padding-top: 70px;
    margin-bottom: 10px;
    ;
}

.ipart00 .content li .li_box .box .text {
    font-size: 16px;
    line-height: 24px;
    font-family: Arial;
    padding: 0 15px;
}

.ipart00 .content li.hover {
    background: #eeb900;
}

.ipart00 .content li.hover:after {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}

.ipart00 .content li.hover .li_box {
    border-color: #eeb900;
    background: #eeb900;
}

.ipart00 .content li.hover .li_box .box {
    color: #000;
}

.contact_us01 .content .bd ul .li_box .txt {
    height: 115px;
    overflow: auto;
}

::-webkit-scrollbar-track-piece {
    background: #f8f8f8;
}

/*2020-10-15*/

.ibanner .owl-carousel .owl-dots {
    bottom: 60px;
}

.history_xc01 .container .r_box .desc img {
    margin-top: 10px;
}

.solu_detail02 .content .box .bott_ .intro_box .more {
    width: 180px;
}

.solu_detail02 .content .box .bott_ .intro_box .c {
    overflow: auto;
}

.ipart04 .content .item .icon {
    border: 10px solid #ffb439;
    border-radius: 150px;
    background: none;
    width: 136px;
    height: 136px;
    cursor: pointer;
}

.ipart04 .content .item .icon:after {
    content: '';
    width: 136px;
    height: 136px;
    background: url(../img/play_bg.png) no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -68px;
    top: 50%;
    margin-top: -68px;
    border-radius: 150px;
}

.ipart04 .content .item .icon img {
    border-radius: 150px;
}

.header .inav .nav_li .nav_down .right li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.proDetail02 .hd ul li {
    text-transform: uppercase;
}

.order01 .extend .extend-body,
.order01 .extend .off {
    display: block;
}

/* ===== Mobile Responsive Fixes ===== */
@media only screen and (max-width: 768px) {
    .wrap {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    .header .inav_wrapper,
    .header .h_tools {
        display: none !important;
    }
    .m_nav {
        display: block !important;
    }
    .mobile_key {
        display: block !important;
    }
    body {
        min-width: auto !important;
    }
    .header .h_logo {
        padding: 15px 0 !important;
    }
    .header .inav .nav_li > a {
        padding: 15px 0 !important;
    }
    .lens-section-title h4,
    .lens-section-title h5 {
        height: auto !important;
        line-height: 1.4 !important;
        font-size: 22px !important;
        width: auto !important;
    }
    .lens-game-catergoy {
        margin-bottom: 15px !important;
    }
    .lens-catergory-icon img {
        max-height: 180px !important;
    }
}
@media only screen and (max-width: 480px) {
    .lens-section-title h4,
    .lens-section-title h5 {
        font-size: 18px !important;
    }
    .pageFooter .f_top {
        padding: 30px 0 !important;
    }
    .pageFooter .f_top .left {
        width: 100% !important;
        float: none !important;
        padding-right: 0 !important;
    }
    .pageFooter .f_top .left::after {
        display: none !important;
    }
    .pageFooter .f_top .right {
        width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }
}


.header .inav .nav_li .nav_down .right.right-contact{min-height:200px;}

/* �ֿ���վ main.css ����ģ�嵼���ĸ��ţ�.header ͬ�����ͻ��˫����������ȼ��� */
.header.xc_header{position: fixed; left: 0; top: 0; width: 100%; min-width: 0; z-index: 20;}

/* ҳ�Ű�Ȩ���������� footer ������������ JS ��̬��� */
.pageFooter .f_copyright{ background:#e9e9e9; padding:16px 0; font-size:13px; color:#666; text-align:center; }
.pageFooter .f_copyright .wrap{ text-align:center; }
@media only screen and (max-width: 480px){ .pageFooter .f_copyright{ padding:12px 0; font-size:12px; } }