/*

* @Author: Marte

* @Date:   2019-10-27 10:29:12

* @Last Modified by:   Marte

* @Last Modified time: 2022-12-12 01:58:59

*/

body {

    min-width: 1300px;

    overflow-x: hidden;

    color: #666;

}



* {

    margin: 0;

    padding: 0;

}



.wrap {

    width: 100%;

}



.container {

    width: 1260px;

    margin: 0 auto;

    position: relative;



}



a {

    cursor: pointer;

}



/*=============================================================

                         index

===============================================================/

/* nav */

.nav {

    width: 100%;

    background-color: #19212b;

    position: fixed;

    z-index: 999;

}



.navInner {

    width: 1300px;

    max-width: 1920px;

    height: 70px;

    margin: 0 auto;

}



.navInner .navLogo {

    width: 175px;

    height: 70px;

    margin-left: 44px;

    background: url(../image/index-icon_02.png) no-repeat;

    background-size: cover;

    float: left;

}



.navInner ul {

    width: 1015px;

    height: 70px;

    float: right;

    margin-right: 44px;

}



.navInner ul>li {

    padding: 0 30px;

    height: 70px;

    line-height: 70px;

    color: #fff;

    float: right;

    font-size: 14px;

    margin: 0 5px;

    font-size: 18px;

    font-weight: bolder;

    position: relative;

}



.navInner ul>li>a {

    color: #fff;

    display: block;

    width: 100%;

    height: 100%;

}



.navInner ul>li>div {

    display: none;

    position: absolute;

    top: 70px;

    left: -100px;

    background-color: #69676791;

}



.navInner ul>li>div>ol {

    width: 320px;

    height: auto;

    display: flex;

    justify-content: space-around;

    z-index: 999;

}



.centline {

    margin-top: 10px;

    margin-bottom: 10px;

    width: 2px;

    height: auto;

    background-color: #fff;

}



.navInner ul li ol li {

    padding: 10px 15px;

    width: 100%;

    flex: 1;

}



.navInner ul>li>a>i {

    float: right;

    display: block;

    width: 20px;

    height: 20px;

    margin-top: 25px;

    margin-left: 5px;

    background-image: url(../image/jts.png);

    background-repeat: no-repeat;

    background-position: 0px 0px;

    background-size: 16px;

}



.navInner ul>li:hover>a>i {

    float: right;

    display: block;

    width: 20px;

    height: 20px;

    margin-top: 25px;

    margin-left: 5px;

    background-image: url(../image/jtx.png);

    background-repeat: no-repeat;

    background-position: 0px 0px;

    background-size: 16px;

}



.navInner ul li ol li>a {

    display: block;

    font-size: 15px;

    color: #fff;

    width: 100%;

    text-align: center;

    /* background-color: #000; */

    height: 40px;

    line-height: 40px;

    z-index: 9999;

}



.navInner ul li ol li>a:hover {

    background-color: #019ed5;

}



.navNow {

    position: relative;

}



.navInner ul>li::after {

    content: '';

    display: block;

    width: 0;

    height: 2px;

    background-color: #fff;

    position: relative;

    bottom: 14px;

    margin: 0 auto;

    transition: width 0.2s;

    -moz-transition: widt h 0.2s;

    /* Firefox 4 */

    -webkit-transition: width 0.2s;

    /* Safari 和 Chrome */

    -o-transition: width 0.2s;

    /* Opera */

}



.navInner ul li.navNow::after {

    width: 50%

}



.navInner ul li:hover::after {

    width: 50%;

    /* background-color: #019ed5; */

    transition: width 0.3s;

    -moz-transition: width 0.3s;

    /* Firefox 4*/

    -webkit-transition: width 0.3s;

    /* Safari 和 Chrome */

    -o-transition: width 0.3s;

    /* Opera */

}



.navInner ul>li:hover {

    background-color: #019ed5;

}



.navInner ul>li:hover>div {

    display: block;

}



.index-banner video {

    margin-top: 70px;

}



/* index-banner` */

.pointer {

    height: 10px;

    position: absolute;

    bottom: 48px;

    border-radius: 10px;

    background-color: rgb(0, 0, 0, 0.25);

}



.pointer li {

    width: 60px;

    height: 10px;

    border-radius: 10px;

    float: left;

    cursor: pointer;

}



.pointer li.now {

    background: #fff;

}



.J_banner {

    max-width: 100%;

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    height: 900px;

}



.J_banner .img {

    left: 50%;

    margin-left: -1000px;

}



.J_banner .index-img {

    width: 2000px;

    overflow: hidden;

    position: absolute;

    top: 0;

    margin-left: 0;

    left: 0;

}



.J_banner .img li {

    float: left;

    position: relative;

}



.J_banner1 .pointer {

    width: 100px;

    height: 15px;

    position: absolute;

    bottom: 16px;

    left: 50%;

}



.J_banner1 .pointer li {

    width: 15px;

    height: 15px;

    background: #d0d0d0;

    border-radius: 50%;

    margin: 0 5px;

    float: left;

}



.J_banner1 .pointer li.now {

    background: #fff;

}



.J_banner .cut {

    width: 34px;

    height: 58px;

    left: 20px;

    font-size: 18px;

    line-height: 58px;

}



.J_banner .cut.next {

    left: auto;

    right: 20px;

}



/* banner` */



.index-wrap {

    width: 100%;

    /* max-width: 1920px; */

    margin: 0 auto;

    min-height: 680px;

    height: 100vh;

    background-color: #fff;

}



.index-wrap .contTitle {

    width: 100%;

    height: 90px;

    padding-top: 50px;

}



.index-wrap .contTitle .titleWord,

.index-wrap .contTitle .titleText {

    width: 690px;

    height: 90px;

    margin: 0 auto;

    font-size: 40px;

    color: #b1b1b1;

    text-align: center;

    line-height: 90px;

    position: relative;

}



.index-wrap .contTitle .titleWord {

    opacity: 0.2;

    font-size: 48px;

}



.index-wrap .contTitle .titleText {

    top: -70px;

    font-weight: bold;

}



/* .index-wrap .contTitle .titleText span::after {

    content: '';

    display: block;

    width: 60px;

    height: 5px;

    background-color: #f0492b;

    margin: 0 auto;

} */



.index-wrap .contTitle .titleText em {

    display: block;

    margin: 0 auto;

    width: 263px;

    height: 2px;

    background: rgb(1, 158, 213, 0.3);

    position: relative;

    top: -2px;

}



.index-wrap .contTitle .titleText em::after {

    content: '';

    display: block;

    width: 16px;

    height: 16px;

    background: #019ed5;

    position: relative;

    margin: 0 auto;

    top: -8px;

}



/* .i_w_1{height:898px; } */

.i_w_1 {

    max-height: 750px;

    min-height: 100vh;

    position: relative;



}



.index-banner {

    width: 100%;

    height: 100%;

}



.i_w_2 {

    height: 100vh;

    background: center url(../image/index-bg_03.jpg) no-repeat;

}



.i_w_3 {

    background: center url(../image/index-bg_04.jpg) no-repeat;

    background-size: 100% 102%;

    /* height: 750px; */

    height: 100vh;

}



.i_w_4 {

    background: center url(../image/index-bg_05.jpg) no-repeat;

}



.i_w_5 {

    height: 1095px;

    background: center url(../image/index-bg_06.jpg) no-repeat;

}



.i_w_6 {

    height: 1100px;

    background: center url(../image/index-bg_07.jpg) no-repeat;

}



.i_w_7 {

    background: center url(../image/index-bg_08.jpg) no-repeat;

    overflow: hidden

}



.i_w_8 {

    background: center url(../image/001.jpg) no-repeat;

    background-size: 100% 100%;

    background-blend-mode: color-burn;

}



.i_w_9 {

    min-height: 710px;

    max-height: 100vh;

}



.i_w_10 {

    /* height: 900px; */

    background: center url(../image/index-bg_11.jpg) no-repeat;

    background-size: 100% 100%;

}



.index-wrap.i_w_2 .container {

    width: 1090px;

    height: auto;

    background-color: rgb(1, 158, 213, 0.3);

    color: #fff;

    padding: 30px 30px;

    margin-top: 20px;

    font-size: 16px;

    line-height: 34px;

    text-indent: 2em;

}



/* .index-wrap.i_w_2 .container p {

    margin-bottom: 34px;

} */



.index-wrap>span:hover {

    padding: 20px;

    background-color: #019ed5;

    color: #fff;

}



.index-wrap.i_w_3 .contTitle .titleWord {

    opacity: 0.5;

}



.index-wrap.i_w_3 .contTitle .titleText {

    color: #19212b

}



.index-wrap.i_w_3 .container {

    max-width: 1560;

    min-width: 1400px;

    height: 400px;

    margin-top: 6%;

}



.index-wrap.i_w_4 .container {

    width: 1200px;

    height: 400px;

    margin-top: 80px;

    display: flex;

    justify-content: space-around;

}



.index-wrap.i_w_3 .container li {

    width: 175px;

    height: 400px;

    background-color: #fff;

    float: left;

    text-align: center;

    overflow: hidden;

    border-radius: 0px;

    box-shadow: 0 0 0 #29b8f7;

    transition: border-radius, box-shadow 0.5s, 0.5s;

    -moz-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Firefox 4 */

    -webkit-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Safari 和 Chrome */

    -o-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Opera */



}



.index-wrap.i_w_4 .container li {

    width: 280px;

    height: 400px;

    background-color: #fff;

    float: left;

    text-align: center;

    border-radius: 0px;

    box-shadow: 0 0 0 #29b8f7;

    transition: border-radius, box-shadow 0.5s, 0.5s;

    -moz-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Firefox 4 */

    -webkit-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Safari 和 Chrome */

    -o-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Opera */

    transition: all 1s;

}



.index-wrap.i_w_3 .container li+li,

.index-wrap.i_w_4 .container li+li {

    margin-left: 26px;

}



.index-wrap.i_w_3 .container li h1,

.index-wrap.i_w_4 .container li h1 {

    padding-top: 155px;

    padding-bottom: 10px;

    background: center 40px url(../image/index-icon_14.jpg) no-repeat;

    color: #019ed5;

    font-size: 20px;

}



.index-wrap.i_w_3 .container li p,

.index-wrap.i_w_4 .container li p {

    padding: 0 24px;

    font-size: 14px;

    color: #666;

    line-height: 34px;

}



.index-wrap.i_w_3 .container li:hover,

.index-wrap.i_w_4 .container li:hover {

    cursor: pointer;

    border-radius: 50px;

    box-shadow: 0 0 15px #29b8f7;

    transition: border-radius, box-shadow 0.5s, 0.5s;

    -moz-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Firefox 4 */

    -webkit-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Safari 和 Chrome */

    -o-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Opera */

    transform: rotateY(360deg);

}



.index-wrap.i_w_3 .container li:nth-of-type(2) h1 {

    background-image: url(../image/index-icon_16.jpg);

}



.index-wrap.i_w_3 .container li:nth-of-type(3) h1 {

    background-image: url(../image/index-icon_18.jpg);

}



.index-wrap.i_w_3 .container li:nth-of-type(4) h1 {

    background-image: url(../image/index-icon_20.jpg);

}



.index-wrap.i_w_4 .container li:nth-of-type(1) h1 {

    background-image: url(../image/index-icon_26.jpg);

}



.index-wrap.i_w_4 .container li:nth-of-type(2) h1 {

    background-image: url(../image/index-icon_27.jpg);

}



.index-wrap.i_w_4 .container li:nth-of-type(3) h1 {

    background-image: url(../image/index-icon_29.jpg);

}



.index-wrap.i_w_4 .container li:nth-of-type(4) h1 {

    background-image: url(../image/index-icon_31.jpg);

}



.index-wrap.i_w_4 .container li:hover {

    box-shadow: 0 0 15px #000;

}



.index-wrap.i_w_4 .contTitle .titleWord {

    opacity: 1;

    background-color: #19212b;

    color: #44484e;

}



.index-wrap.i_w_4 .contTitle .titleText em {

    background-color: #fff;

}



.index-wrap.i_w_4 .contTitle .titleText em::after {

    background-color: #fff

}



.index-wrap.i_w_5 .contTitle .titleWord {

    color: #019ed5;

}



.index-wrap.i_w_5 .contTitle .titleText {

    color: #19212b

}



.index-wrap.i_w_6 .contTitle .titleText em {

    background-color: #fff;

}



.index-wrap.i_w_6 .contTitle .titleText em::after {

    background-color: #fff

}



.index-wrap.i_w_7 .contTitle .titleWord {

    opacity: 0.5;

}



.index-wrap.i_w_7 .contTitle .titleText {

    color: #19212b

}



.index-wrap.i_w_7 .container {

    position: relative;

    margin-top: 100px;

}



.index-wrap.i_w_7 .container ul {

    position: absolute;

    top: 0;

    left: 0;

    width: 2320px;

    height: 460px;

}



.index-wrap.i_w_7 .container ul li {

    width: 1140px;

    height: 460px;

    background-color: #005278;

    float: left;

}



.index-wrap.i_w_7 .container ul li .slider-img {

    width: 640px;

    height: 460px;

    position: relative;

    float: left;

    padding-right: 50px;

}



.index-wrap.i_w_7 .container ul li .slider-img::after {

    content: '';

    display: block;

    width: 640px;

    height: 350px;

    position: absolute;

    background-color: rgb(255, 255, 255, 0.1);

    top: 20px;

    left: 20px;

}



.index-wrap.i_w_7 .container ul li .slider-img b {

    display: block;

    padding: 20px 0 0 24px;

    font-size: 22px;

    line-height: 90px;

    color: #fff;

}



.index-wrap.i_w_7 .container ul li dl {

    width: 420px;

    line-height: 50px;

    color: #fff;

    float: left;

    font-size: 16px;

    padding-top: 40px;

}



.index-wrap.i_w_7 .container ul li dt {

    font-size: 18px;

    font-weight: bold;

}



.index-wrap.i_w_7 .container ul li i {

    display: block;

    width: 40px;

    height: 30px;

    background: center url(../image/index-icon_51.png) no-repeat;

    position: relative;

    right: -1070px;

    bottom: -400px;

    cursor: pointer;

}



.index-wrap.i_w_7 .container ul li+li {

    margin-left: 40px;

}



.index-wrap.i_w_7 .container ul li:nth-of-type(2) i {

    background: center url(../image/index-icon_49.png) no-repeat;

}



.index-wrap.i_w_7 .container>a {

    display: block;

    width: 400px;

    height: 70px;

    line-height: 70px;

    font-size: 16px;

    text-align: center;

    color: #fff;

    border-radius: 40px;

    background-color: #019ed5;

    margin: 0 auto;

    position: relative;

    top: 530px;

}





#slider-container {

    margin: 0px;

    width: 1200px;

    height: 540px;

    overflow: hidden;

    clear: both !important;

    position: relative;

    margin: 40px auto 0 auto;

}



.nivoSlider {

    background: url("../image/loading.gif") no-repeat 50% 50% rgb(255, 255, 255);

    width: 100px;

    margin-bottom: 10px;

    position: relative;

}



.nivoSlider img {

    left: 0px;

    top: 0px;

    display: none;

    position: absolute;

}



.nivoSlider a {

    border: 0px currentColor;

    display: block;

}



.nivo-directionNav a {

    border: 0px currentColor;

    width: 40px;

    height: 30px;

    text-indent: -9999px;

    display: block;

}



#slider {

    margin: 100px 0 0 auto;

    width: 780px;

    height: 540px;

    position: relative;

    z-index: 9;

}



#slider h1 {

    color: rgb(255, 255, 255);

    font-size: 24px;

}



#slider .sdate {

    padding-bottom: 10px;

    display: block;

}



.nivoSlider {

    position: relative;

}



.nivoSlider img {

    left: 0px;

    top: 0px;

    position: absolute;

}



.nivoSlider a.nivo-imageLink {

    margin: 0px;

    padding: 0px;

    border: 0px currentColor;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    display: none;

    position: absolute;

    z-index: 6;

}



.nivo-slice {

    height: 100%;

    display: block;

    position: absolute;

    z-index: 5;

}



.nivo-box {

    display: block;

    position: absolute;

    z-index: 5;

}



.nivo-caption {



    padding: 120px 0;

    left: -420px;

    top: 0px;

    width: 370px;

    color: rgb(255, 255, 255);

    position: absolute;

    z-index: 8;

    opacity: 0.7;

}



.nivo-caption p {

    margin: 0px;

    padding: 0px;

    font-size: 16px;

    line-height: 30px;

    margin-top: 50px;

}



.nivo-caption a {

    display: inline !important;

}



.nivo-html-caption {

    display: none;

}



.nivo-directionNav a {

    top: 400px;

    position: absolute;

    z-index: 9;

    cursor: pointer;

}



.nivo-prevNav {

    background: url("../image/index-icon_49.png") no-repeat;

    left: -400px;

}



.nivo-nextNav {

    background: url("../image/index-icon_51.png") no-repeat;

    left: -100px;

}



.nivo-controlNav a {

    position: relative;

    z-index: 9;

    cursor: pointer;

}



.nivo-controlNav a.active {

    font-weight: bold;

}



.index-wrap.i_w_9 .container .tabTop {

    width: 100%;

    height: 60px;

    margin: 127px 0 60px 0;

}



.index-wrap.i_w_9 .container .tabTop li {

    width: 180px;

    height: 60px;

    margin: 0 10px;

    font-size: 18px;

    line-height: 60px;

    text-align: center;

    border-radius: 40px;

    border: solid 1px #ddd;

    float: left;

}



.index-wrap.i_w_9 .container .tabTop b {

    display: inline-block;

    border-top: solid 1px #ddd;

    width: 296px;

    position: relative;

    /* float: right; */

    margin-top: 30px;

}



.index-wrap.i_w_9 .container .tabTop b a {

    position: absolute;

    background-color: #fff;

    top: -10px;

    right: 0;

    padding: 0 5px;

    color: #29b8f7;

    font-size: 18px;

}



.index-wrap.i_w_9 .container .tabTop li.on {

    color: #fff;

    background-color: #019ed5;

    border: solid 1px #019ed5;



}



.index-wrap.i_w_9 .container .tabCon {

    width: 100%;

    height: 536px;

}



.index-wrap.i_w_9 .container .tabCon li {

    width: 100%;

    height: 536px;

}



.index-wrap.i_w_9 .container .tabCon li .left {

    width: 622px;

    float: left;

}



.index-wrap.i_w_9 .container .tabCon li .right {

    width: 560px;

    float: left;

    margin-left: 18px;

}



.index-wrap.i_w_9 .container .tabCon li .left .img {

    width: 600px;

    height: 300px;

    cursor: pointer;

}



.xwen:hover {

    width: 623px;

    height: 355px;

    box-shadow: 0 0 0 #29b8f7;

    transition: border-radius, box-shadow 0.5s, 0.5s;

    -moz-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Firefox 4 */

    -webkit-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Safari 和 Chrome */

    -o-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Opera */

}



.index-wrap.i_w_9 .container .tabCon li dl {

    width: 560px;

    height: 150px;

    border-bottom: solid 1px #ddd;

    margin: 0 auto;

    cursor: pointer;

}



/* .index-wrap.i_w_9 .container .tabCon li dl:hover {

    width: 560px;

    height: 165px;

    border-bottom: solid 1px #ddd;

    margin: 0 auto 15px;

    background-color: #e6e4e4;

} */





.index-wrap.i_w_9 .container .tabCon li .left dl {

    border: none;

    padding-top: 10px;

}



.index-wrap.i_w_9 .container .tabCon li dl dt {

    width: 560px;

    height: 45px;

    font-size: 18px;

    color: #333;

    line-height: 45px;

    font-weight: bold;

}



.index-wrap.i_w_9 .container .tabCon li dl dd {

    width: 560px;

    line-height: 24px;

}



.index-wrap.i_w_9 .container .tabCon li dl dd time {

    float: left;

    color: #999;

    padding-top: 15px;

}



.index-wrap.i_w_9 .container .tabCon li dl dd a {

    float: right;

    color: #29b8f7;

    padding-top: 15px;

}

a{

    cursor: pointer;

}

/*=============================================================

                         purducts

===============================================================*/

.pageTitle {

    height: 70px;

    line-height: 70px;

    padding: 46px 0 5px 0;

    margin-bottom: 60px;

    border-bottom: solid 1px #d1d1d1;

    color: #555;

    text-align: center;

    font-size: 28px;

}



.pageTitle p {

    height: 14px;

    width: 180px;

    font-size: 14px;

    line-height: 14px;

    text-align: center;

    color: #d1d1d1;

    background-color: #fff;

    margin: 0 auto;

}



.productMain ul {

    height: 170px;

}



.productMain ul li {

    width: 290px;

    height: 140px;

    box-shadow: 0 0 5px #999;

    float: left;

    border-radius: 5px;

    padding: 15px;

    cursor: pointer;

}



.productMain ul li a{

    width: 100%;

    height: 100%;

 

}

.productMain ul li:hover,

.productMain ul li:hover a {

    background-color: #3b82b0;

    color: #fff;

}



.productMain ul li+li {

    margin-left: 15px;

}



.productMain ul li  dl {

    width: 150px;

    height: 170px;

    float: left;

    padding-top: 20px;

}



.productMain ul li  dl dt {

    height: 30px;

    line-height: 30px;

    font-size: 18px;

}



.productMain ul li  dl dd {

    line-height: 22px;

}



.productMain ul li  dl dd a {

    display: block;

    color: #3b82b0;

    padding: 10px 0;

    width: 70px;

    height: 20px;

    text-align: center;

    font-size: 13px;

    font-weight: 600;

}



.productMain ul li:hover  dl dd a {



    color: #f7fa5b;



}



.productMain ul li  .img {

    width: 138px;

    height: 170px;

    float: left;

}



.productList .main .insidebar {

    height: 100px;

}



.productList .main .sidetit {

    height: 28px;

    width: 40px;

    font-size: 16px;

    line-height: 16px;

    border-bottom: solid 5px #ff4342;

    white-space: nowrap;

}



.productList .main .insidebar ul {

    width: 1180px;

    height: 50px;

    border-bottom: solid 1px #cdcdcd;

    padding: 20px 0 0 0;

}



.productList .main .insidebar ul li {

    display: inline-block;

    line-height: 14px;

    border: solid 1px #aaa;

    border-bottom: none;

    padding: 18px 20px;

    margin-right: 10px;

    border-radius: 5px 5px 0 0;

    cursor: pointer;

}



.productList .main .insidebar ul li.on,

.productList .main .insidebar ul li.on a,

.productList .main .insidebar ul li:hover,

.productList .main .insidebar ul li:hover a {

    background-color: #3b82b0;

    color: #fff;

}



.productList .prolist {

    width: 100%;

    padding-top: 20px;

    margin-bottom: 70px;

    overflow: hidden;

}



.productList .prolist li {

    width: 285px;

    border: solid 1px #cdcdcd;

    padding: 14px;

    float: left;

    margin: 0 20px 20px 0;

}



.productList .prolist li:nth-of-type(4n) {

    margin-right: 0px;

}



.productList .prolist li p {

    line-height: 60px;

}



.productList .prolist li a {

    display: block;

    width: 64px;

    height: 24px;

    font-size: 12px;

    color: #cdcdcd;

    text-align: center;

    line-height: 24px;

    border: solid 1px #ddd;

    border-radius: 5px;

    clear: #cdcdcd;

    float: left;

}



.productList .prolist li a:nth-of-type(1):hover {

    border-color: #29b8f7;

    color: #29b8f7;

}



.productList .prolist li a+a {

    border: none;

    float: right;

    background: center url(../image/products.jpg) no-repeat;

}



.page {

    display: none;

}



/*=============================================================

                         service

===============================================================*/

.serviceMain .service-se {

    height: 506px;

    /* background-color: #f3f2f2; */

}



.serviceMain .service-se li {

    width: 200px;

    height: 198px;

    float: left;

    background: top url(../image/客服.png) no-repeat;

    padding: 140px 35px 0 35px;

    font-size: 18px;

    line-height: 34px;

    border-bottom: solid 8px #2c4fa3;

    background-size: 30% 25%;

    border-radius: 0 0 5px 5px;

    float: left;

    box-shadow: 0 10px 5px #bbb;

    background-position: 97px 25px;

    background-color: #fff;

}



.serviceMain .service-se li+li {

    margin-left: 80px;

}



.serviceMain .service-se li h1 {

    font-size: 34px;

    line-height: 28px;

    color: #2c4fa3;

    text-align: center;

}



.serviceMain .service-se li:nth-of-type(2) {

    background-image: url(../image/客服1.png);

}



.serviceMain .service-se li:nth-of-type(3) {

    background-image: url(../image/客服2.png);

}



.serviceMain .service-ad {

    height: 640px;

}



.serviceMain .service-ad li {

    width: 271px;

    height: 190px;

    float: left;

    background: top url(../image/servicecentre_16.jpg) no-repeat;

    background-size: 100%;

    padding: 360px 32px 0 28px;

    font-size: 16px;

    line-height: 26px;

    color: #c4c4c4;

    float: left;

}



.serviceMain .service-ad li h1 {

    height: 32px;

    line-height: 32px;

    font-size: 32px;

    color: #fff;

    border-left: solid 5px #d33f35;

    padding-left: 10px;

}



.serviceMain .service-ad li:nth-of-type(2n) {

    height: 520px;

    padding: 30px 32px 0 28px;

}



/*=============================================================

                         about

===============================================================*/

.aboutUs .aboutUs-word {

    height: 515px;

}



.aboutUs .aboutUs-word .text {

    width: 680px;

    height: 570px;

    font-size: 14px;

    line-height: 30px;

    float: left;

}



.aboutUs .aboutUs-word .pic {

    float: left;

    margin-left: 43px;

}



/* .aboutUs ul {

    height: 260px;

} */



.aboutUs ul li {

    float: left;

    width: 319px;

}



.aboutUs ul li+li {

    margin-right: 10px;

}



.aboutUsss {

    margin-right: 10px;

    margin-top: 10px;

}



.aboutUsss2 {

    margin-right: 45px;

    margin-top: 40px;

}



.aboutUs .aboutUs-map {

    height: 1190px;

    background: top url(../image/aboutus_14.jpg) no-repeat

}



/*=============================================================

                         library

===============================================================*/

.library {

    width: 100%;

    padding-top: 140px;

}



.library ul li {

    width: 282px;

    height: 314px;

    border: solid 1px #cdcdcd;

    padding: 15px;

    float: left;

    margin: 0 20px 95px 0;

}



.library ul li:nth-of-type(4n) {

    margin-right: 0px;

}



.library ul li p {

    line-height: 60px;

}



.library ul li a {

    display: block;

    width: 64px;

    height: 24px;

    font-size: 12px;

    color: #cdcdcd;

    text-align: center;

    line-height: 24px;

    border: solid 1px #ddd;

    border-radius: 5px;

    clear: #cdcdcd;

    float: left;

}



.library ul li:hover {

    border-color: #fff;

    box-shadow: 0 0 5px #ccc;

}



.library ul li a:nth-of-type(1):hover {

    border-color: #29b8f7;

    color: #29b8f7;

}



.library ul li a+a {

    border: none;

    float: right;

    background: center url(../image/products.jpg) no-repeat;

}



/*=============================================================

                         newsCenter

===============================================================*/

.newsCenter ul {

    overflow: hidden;

}



.newsCenter ul li {

    height: 162px;

    padding: 16px;

    margin-bottom: 50px;

    cursor: pointer;

}



.newsCenter ul li dl dt {

    height: 162px;

    width: 250px;

    padding-right: 30px;

    float: left;

}



.newsCenter ul li dl dd {

    height: 162px;

    width: 1013px;

    float: left;

    line-height: 25px;

}



.newsCenter ul li dl dd h1 {

    font-size: 20px;

}



.newsCenter ul li dl dd p {

    color: #777;

}



.newsCenter ul li dl dd time {

    color: #b7b7b7;

    font-size: 12px;

    padding-right: 30px;

}



.newsCenter ul li dl dd a {

    color: #3b82b0

}



.newsCenter ul li:hover {

    background-color: #f2f2f2

}



/*=============================================================

                         case

===============================================================*/

.caseMain ul {

    overflow: hidden;

}



.caseMain ul li {

    height: 240px;

    width: 290px;

    margin: 0 55px 70px 0;

    float: left;

    background-color: #f5f5f5;

    border-bottom: solid 5px #ebecee;

}



.caseMain ul li h1 {

    text-align: center;

    line-height: 30px;

    font-size: 16px;

}



.caseMain ul li:nth-of-type(4n) {

    margin-right: 0;

}



.caseList .main .insidebar {

    height: 70px;

}



.caseList .main .sidetit {

    height: 28px;

    width: 40px;

    font-size: 16px;

    line-height: 16px;

    border-bottom: solid 5px #ff4342;

    white-space: nowrap;

}



.caseList .main .insidebar ul {

    width: 1180px;

    height: 50px;

    border-bottom: solid 1px #cdcdcd;

    padding: 20px 0 0 0;

}



.caseList .main .insidebar ul li {

    display: inline-block;

    line-height: 14px;

    border: solid 1px #aaa;

    border-bottom: none;

    padding: 18px 20px;

    margin-right: 10px;

    border-radius: 5px 5px 0 0;

    cursor: pointer;

}



.caseList .main .insidebar ul li.on,

.caseList .main .insidebar ul li.on a,

.caseList .main .insidebar ul li:hover,

.caseList .main .insidebar ul li:hover a {

    background-color: #3b82b0;

    color: #fff;

}



.caseList .article {

    position: relative;

    height: 1062px;

}



.caseList .article::after {

    content: '';

    display: block;

    width: 1920px;

    height: 762px;

    background: #ebecee;

    position: absolute;

    z-index: -1;

    top: 5px;

    left: 50%;

    margin-left: -960px;

}



.caseList .prolist {

    width: 100%;

    height: 600px;

    padding-top: 60px;

    overflow: hidden;

    z-index: 1;

}



.caseList .prolist li {

    width: 253px;

    height: 106px;

    float: left;

    margin: 0 15px 15px 0;

}



.caseList .prolist li:nth-of-type(5n) {

    margin-right: 0px;

}





/* footer */

.footer {

    width: 100%;

    height: 500px;

    background-color: #19212b;

}



.side {

    position: fixed;

    width: 110px;

    height: 270px;

    right: -5px;

    bottom: 160px;

    top: auto;

    padding: 5px;

    z-index: 100;

}

.sidewx{

    position: fixed;

    display: none;

    width: 155px;

    height: 180px;

    right: 90px;

    bottom: 255px;

    background-color: #999b9c;

    z-index: 999;

}

.containerColumn {

    width: 1325px;

}



#caseMore,

#newsMore,

#productMore {

    cursor: pointer;

    display: block;

    width: 140px;

    height: 40px;

    background-color: #2a4ea4;

    border-radius: 5px;

    margin: 70px auto 90px;

    color: #fff;

    line-height: 40px;

    text-align: center;

}



.index-wrap.i_w_7 .container {

    position: relative;

    margin-top: 50px;

}



.bigphoto {

    max-width: 1200px;

    max-height: 500px;

    min-height: 300px;

    margin: 0 auto;

    /* overflow: hidden; */

    position: relative;

}



.bigphoto img {

    width: 100%;

    height: 100%;

}



.v-bigphoto,

.v-bigphoto img {

    max-width: 1200px;

    max-height: 500px;

    min-height: 500px;

}



.bigphoto>p {

    display: block;

    position: absolute;

    background-color: #019ed5;

    color: #fff;

    width: 500px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    left: 350px;

    font-size: 24px;

    bottom: -30px;

}



.biglist {

    width: 100%;

    height: 200px;

    display: flex;

    justify-content: center;

    margin-top: 30px;



}



.biglist>div {

    width: 200px;

    height: 200px;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 0px 50px;

    /* border: #a5a4a492 2px solid; */

    background-color: #fff;

    border-radius: 0px;

    box-shadow: 0 0 0 #29b8f7;

    transition: border-radius, box-shadow 0.5s, 0.5s;

    -moz-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Firefox 4 */

    -webkit-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Safari 和 Chrome */

    -o-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Opera */

}



.biglist>div:hover {

    border-radius: 50px;

    box-shadow: 0 0 15px #29b8f7;

    transition: border-radius, box-shadow 0.5s, 0.5s;

    -moz-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Firefox 4 */

    -webkit-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Safari 和 Chrome */

    -o-transition: border-radius, box-shadow 0.5s, 0.5s;

    /* Opera */

}



img {

    object-fit: cover;

}



.biglist>div>a {

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.biglist>div>a>img {

    width: 100px;

    height: 100px;

    padding-top: 20px;

    margin: 0 auto;

}



.biglist>div>a>p {

    margin-top: 20px;

    font-size: 17px;

    color: #666;

}



.gytext>span {

    color: #fff;

}

.ghn{

    /* height: 100vh; */

    overflow: hidden;

}

.sidelx {

    display: none;

    position: fixed;

    width: 100%;

    height: 100vh;

    z-index: 99;

    top: 0;

    left: 0;

    background-color: #454444c3;

}

.sideltk{

    display: none;

    position: fixed;

    width: 380px;

    height: 400px;

    z-index: 99;

    bottom: 0px;

    right: 150px;

}