@charset "utf-8";

/* CSS Document */

/*切图：nnduyi.com*/

html{ overflow-x:hidden; overflow-y:auto;}

body{background-color:#fff;overflow-x: hidden;}


*{ padding:0; margin:0; outline: none;}

ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}

body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}

code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}

address, caption, cite, code, dfn, em, th, var {

    font-style: normal;

    font-weight: normal;

}

a{ text-decoration:none; color:#333;

    transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent;

}

a:hover{color:#333; cursor:pointer;}

img{border:0; max-width:100%;}

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

h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}

h1{font-size:36px;}

h2{font-size:24px;}

h3{font-size:22px;}

h4{font-size:18px;}

h5{font-size:14px;}

h6{font-size:12px;}

input,table,tr,td{ margin:0; padding:0; border:none;}

button,table{ border:none; background:none; margin:0; padding:0;}

select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}

textarea{ resize:none; outline:0;}

input{ outline:0;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

i{font-style:normal;}

.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.minHeight{min-height:500px;}
.container2 {padding-right: 15px;
    padding-left: 15px;
margin-right: auto;
    margin-left: auto;

}
@media (min-width: 1200px) {

  .container2 {

    width: 1200px;

  }

}@media (min-width: 1400px) {

  .container2 {

    width:1330px;

  }

}

/*首页 */

.top1{width:100%; position: relative;top:0; left: 0; z-index:998; background:#fff; padding-bottom: 15px; }

.logo{width:420px; height: auto;  float:left;margin-top: 20px;}
.img2{display:none;}



@media (min-width: 1400px){

.index .logo .img1{display:block;}
.index .logo .img2{display:none;}

}


.search{width:262px; height: 36px; background-color: rgba(255,255,255,0.1); border-radius: 30px; float:right; margin: 10px 0 0 0;}

.search .submit{width:18px; height: 18px; float:right; margin: 10px 20px 0 0;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    outline: 0;

    border-radius:0}

.search .inputBox{margin-right:40px; }

.search .inputBox .input{display:block; width:100%; height: 36px; padding:0 10px; box-sizing: border-box; background-color: transparent; color:#fff;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    outline: 0;

    border-radius:0}

.menu_box{float:right; margin-right:3.56%;}



.menu .nli{float:left; position: relative; text-align: center;margin-left:25px; }

.menu .nli:first-child{margin-left:0;}

.menu .nli span > a{font-size:16px; color:#333; display: block; position: relative; line-height: 45px;     transition: all 0s linear; 
    -moz-transition: all 0s linear;
     -webkit-transition: all 0s linear;font-weight: bold;}
.menu .nli span > a:hover{color: #2b80ca;}
.menu .nli::after,

.menu .nli::before{width:9px; height: 1px; background-color: #005693; content: ""; position: absolute; top:50%; left: -20px; opacity: 0;}

.menu .nli::before{left:auto; right: -20px;}

/*.menu .nli:hover span > a{color:#2b80ca;}*/

.menu .nli.active span > a::after{opacity:1;}

.menu .nli.on::after,

.menu .nli.on::before{opacity: 1;}

.menu .nli.on span > a{color:#005693;}

.menu .nli.on a{color:#005693!important;}

.sub{position: absolute; top:45px; left: 50%; width:110px; text-align: center; z-index: 101; display:none; margin-left:-55px; }

.sub::after{width:15px; height: 7px; position: absolute; top:-7px; left: 50% ; margin-left: -7.5px; content: ""; background: url(../images/blue/p1.png) center no-repeat; background-size: 100% 100%; }

.sub a{display:block; font-size:14px; color:#fff;  line-height:40px; border-bottom:1px solid rgba(255,255,255,0.1);background-color:rgba(0, 0, 0, 0.6);}

.sub li:last-child a{border:none;}

.sub li:first-child{ overflow: hidden;}

.sub li:last-child{ overflow: hidden;}

.sub a:hover{    background-color: #2b80ca;}



@media screen and (max-width:1199px){

    .search{width:200px;}

    .top1 .logo{width:100px; margin: 7px 0 0 0;}

    .menu .nli span > a{font-size:14px;}

    .menu .nli{margin-left:40px;}

}

/*手机头*/

.top2{width:100%; height:60px;display: none ;position: relative;z-index: 999;}

.top2.active{border-bottom:1px solid rgba(95,123,118,0.3);}

.top2 .logo{width:80%; height:auto; float:left; margin-top:12px;}

@media screen and (max-width:991px){
    .index .logo .img1{display:none;}

.index .logo .img2{display:block;}

    .top2{ display:block;}

    .top1{ display:none;}

}

/*下拉*/

.menuph{

    float:right;

    margin:10px 0 0 0;

    cursor: pointer;

    width: 40px;

    height: 40px;

    text-align: center;

}

.menuph .point

{

    display: inline-block;

    width: 28px;

    height: 22px;

    margin-top: 10px;

    position: relative;

}

.menuph .point:hover .navbtn,

.menuph .point:hover .navbtn::after,

.menuph .point:hover .navbtn::before

{

    width: 28px;

}

.menuph .navbtn

{

    position: absolute;

    top: 10px;

    right: 0;

    display: inline-block;

    width: 21px;

    height: 2px;

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    background: #333;

}

.menuph .navbtn::after,

.menuph .navbtn::before

{

    position: absolute;

    right: 0;

    display: inline-block;

    width: 28px;

    height: 2px;

    content: '';

    -webkit-transition: all .3s ease-out 0s;

    -moz-transition: all .3s ease-out 0s;

    -ms-transition: all .3s ease-out 0s;

    -o-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    background: #333;

}

.menuph .navbtn::after

{

    top: -11px;

}

.menuph .navbtn::before

{

    top: 10px;

}

.menuph .point.active .navbtn{

    background: transparent;

}

.menuph .point.active .navbtn::after{

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 0px;

}

.menuph .point.active .navbtn::before

{

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 0px;

}

/*手机下拉*/

.xialaph{

    position: absolute;

    top: 60px;

    left: 0;

    width: 100%;

    display: none;

    z-index: 100;

    background-color:rgba(0,0,0,0.8);

}

.xialaph .img_d{ display:none;}

.xialaph .ul2,

.xialaph .ul3{

    display: none;

}

.xialaph h4 a{

    display: block;

    color: #fff;

    font-size: 14px;

    line-height: 50px;

    position: relative;

    /*	font-weight: bold;*/

    text-transform: uppercase;

}

.xialaph h4{

    position: relative;

}

.xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}

.xialaph li:last-child h4::before{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #f2f2f2;

    display: none

}

.xialaph li:first-child h4::after{display:none;}

.xialaph h4::after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color:rgba(95,123,118,0.3);

    /*opacity: 0.1;*/

}

.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{

    display: block;

    color: rgba(255,255,255,0.9);

    font-size: 14px;

    line-height: 42px; padding:0 10px;

}

.xialaph h5{

    position: relative;

}

.xialaph h5::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color:rgba(95,123,118,0.1);;

    /*opacity: 0.05;*/

}

.xialaph li:last-child h5::after{

    display: none;

}

.xialaph h4 b{

    position: absolute; right: 5px; top: 50%;

    width: 9px;

    height: 9px;

    float: right;

    border-top: #5f7180 solid 1px; border-right: #5f7180 solid 1px;

    margin-top: -5px;

    cursor: pointer;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h4.active b{

    transform:rotate(135deg);

    -webkit-transform:rotate(135deg);

    -moz-transform:rotate(135deg);

    -o-transform:rotate(135deg);

    margin-top: -7px;

}

/*.xialaph .ul2{ padding-left: 30px;  }*/

.xialaph .ul3{

    padding-top: 12px;

    padding-bottom: 18px;

    padding-left: 15px;

    position: relative;

}

.xialaph .ul3::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #e5e5e5;

}

.xialaph li:last-child .ul3::after{

    display: none;

}

.xialaph .ul3 li a{

    color: #666;

    font-size: 14px;

    line-height: 35px;

    display: block;

}

.xialaph .ul3 li{

    padding-top: 5px;

}

.xialaph .ul3 li:first-child{

    padding-top: 0;

}

.xialaph h5 b{

    position: absolute; right: 5px; top: 50%;

    width: 9px;

    height: 9px;

    float: right;

    border-top: #999 solid 1px; border-right: #999 solid 1px;

    margin-top: -5px;

    cursor: pointer;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.xialaph h5.active b{

    transform:rotate(135deg);

    -webkit-transform:rotate(135deg);

    -moz-transform:rotate(135deg);

    -o-transform:rotate(135deg);

    margin-top: -7px;

}



.phonemeng{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.9);

    opacity: .6;

    z-index: 99;

    display: none;

}

.phonemeng.active{

    display: block;

}

.search_ph{width:90%; margin:10px auto 20px auto; float:none;}

/*banner*/

.pz_banner{clear: both;}

.c_banner{position:relative;width:100%;margin: auto; }

.slide1 .slick-prev,

.slide1 .slick-next{width:44px; height: 44px; background:url(../images/p3.png) center no-repeat; background-size:100%; bottom:16.12%; right:9.11%; left: auto;top:auto; transform: translate(0, 0); z-index: 20;}

.slide1 .slick-prev{right:12.44%; left: auto;background-image:url(../images/p2.png) }

.slide1 .slick-prev:hover{background-image:url(../images/p5.png);}

.slide1 .slick-next:hover{background-image:url(../images/p4.png);}

.number{width:122px; line-height: 50px; border-bottom:1px solid rgba(255,255,255,0.4); position: absolute; top:50%; right: 0; font-size:24px; color:#fff; z-index: 1;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);}

.number .small{font-size:12px; color:#fff; margin: -12px 0 0 8px; display: inline-block; vertical-align: middle;}
/*
.goDown{width: 62px;
    height: 62px;
    bottom: -31px;
    left: 50%;
    margin-left: -31px;
    background: url(../images/blue/j17.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    z-index: 1;}*/

@media screen and (min-width:992px){

  /*  .goDown:hover{ background-image:url(../images/blue/p7.png);}
*/
    /*.menu {

  position: sticky;

  top: 0;

  left: 0;

  width: 100%;

  width:80%;

}

.menu * {

  box-sizing: border-box;

}

.menu .ul-list { text-align:right}

.menu .ul-list > li {

    display: inline-table;

  position: relative;

  padding:24px

}

.menu .ul-list > li:last-child {

  border-right: none;

}

.menu .ul-list > li > a {

    line-height:30px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size:16px;

  text-decoration: none;

  color: #fff;

  font-weight:bold;

}

.ul-list li:hover a{ color:#337ab7;}

.menu .ul-list > li:hover .ol-list {

  display: block;

}

.menu .ol-list {

  display: none;

  position: absolute;

  left: 0;

  z-index: 999;

  background:#005693;

  width: 100%;

      top:75px;

          border-radius: 5px;

}

.menu .ul-list > li:hover .ol-list::after{width:15px; height: 7px; position: absolute; top:-7px; left: 50% ; margin-left: -7.5px; content: ""; background: url(/public/static//blue/../images/p1.png) center no-repeat; background-size: 100% 100%; }

.menu .ol-list > li{line-height: 56px; text-align:center}

.menu .ol-list > li > a {

  font-size: 16px;

  text-decoration: none;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.menu .ol-list > li > a:hover {

    background-color: rgba(53, 67, 93, 0.6);

}*/

}

@media screen and (max-width:1599px){

    .slide1 .slick-prev{right:13.44%;}

}

@media screen and (max-width:1199px){

    .slide1 .slick-prev{right:14.44%;}

}

@media screen and (max-width:991px){

    .slide1 .slick-prev{right:15.44%;}

}

@media screen and (max-width:767px){
	.top2 .logo{width: 78%;margin-top: 0;}
	.c_banner{width: 100%;}
    .slide1 .slick-prev,

    .slide1 .slick-next{width:30px; height: 30px; bottom:20px;}

    .slide1 .slick-prev{right:20.44%;}

    .number{width:50px; font-size:16px;}

    .number .small{margin:-5px 0 0 5px;}

}

/*main*/

.title{ text-align:center}



.title .H3{font-size:20px; color:#333; text-transform: uppercase; font-family: Arial;}

.title .H4{display:inline-block; margin-top:12px; position: relative; font-size:28px; color:#333333}



/*.title .H4::after,

.title .H4::before{width:18px; height: 2px; position: absolute; top:50%; margin-top:-1px; left: -38px; background-color: #d1d2d7; content: "";}

.title .H4::before{left:auto; right: -38px;}*/



.index1 .text{font-size:16px; line-height: 36px;  color:#808080; margin-top: 50px;width: 100%;}

.index1 .text p{width: 100%;}

.indexD1 .img{width:33.33%; float: left; height:512px; }

.indexD1Ul{width:66.67%; float:left;}

.indexD1Ul .list{width:50%; float:left; height: 256px; background-color: #f3f3f7; padding:0 2% 0 3.9%;}

.indexD1Ul .list .ico{width:120px; height: 120px; border-radius: 50%; background-color: #fff; float:left; margin: 65px 0 0 0;}

.indexD1Ul .list .text2{margin-left:140px; line-height: 256px;}

.indexD1Ul .list .text2 .box{display:inline-block; vertical-align: middle;}

.indexD1Ul .list .text2 .H4{font-size:24px; color:#005693; font-weight: bold; margin: 0 0 12px 0;}

.indexD1Ul .list .text2 .H5{font-size:18px; color:#333333; line-height: 30px;}

.indexD1Ul .list:nth-child(2),

.indexD1Ul .list:nth-child(3){background:url(../images/j2.jpg) center no-repeat; background-size: cover;}

.indexD1Ul .list:nth-child(2) .H4,

.indexD1Ul .list:nth-child(3) .H4,

.indexD1Ul .list:nth-child(2) .H5,

.indexD1Ul .list:nth-child(3) .H5{color:#fff;}

.left_div{width:50%;float: right;    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:4;

    -webkit-box-orient:vertical;}

.right_div{width:35%;float: left;}

.left_div,.right_div,.abus_other li{ display:inline-table;vertical-align: middle;}

@media  screen and (max-width:767px){

    .left_div{width:100%}

    .right_div{ display:none;  width: 100% !important;}

    .abus_other{     display: flex;

        justify-content: space-around;

        align-items: center;}



}

.abus_other li{ padding:15px 20px; margin-top:15px; text-align:center}

.abus_other li a{ color:#FFF}

.abus_other .li1{ background:#de4444}

.abus_other  .li2{ background:#fa844a}

.abus_other .li3{ background:#ffae4e}

.abus_other li i{ font-size:2.2rem;}

.abus_other li p{ line-height:35px}

.abus_other li span{ color:#dedbdb;}

@media screen and (max-width:1599px){

    .indexD1Ul .list .text2 .H4{font-size:20px;}

    .indexD1Ul .list .text2 .H5{font-size:16px;}

    .title .H3{font-size:40px;}

}

@media screen and (max-width:1199px){

    .index1{padding:60px 0 0 0;}

    .indexD1Ul .list{height:220px;}

    .indexD1Ul .list .ico{width:80px; height: 80px; margin: 50px 0 0 0;}

    .indexD1Ul .list .text2{margin-left:100px; line-height: 220px;}

    .indexD1 .img{height:440px;}

}

@media screen and (max-width:991px){

    .indexD1Ul .list .text2 .H5{font-size:14px; line-height: 22px;}

}

@media screen and (max-width:767px){

    .index1{padding:30px 0 0 0;}

    .title .H3{font-size:22px;}

    .title .H4{font-size:16px;}

    .index1 .text{font-size:14px; line-height: 24px; margin: 20px 0; text-align: justify;}

    .indexD1 .img{width:100%; height: auto; background: none; display: none}

    .indexD1Ul{width:100%; display: none;}

    .indexD1Ul .list{width:100%; height: auto; padding:20px 10px;background: #f3f3f7 !important;}

    .indexD1Ul .list .H4{color:#005693 !important;}

    .indexD1Ul .list .H5{color:#333333 !important}

    .indexD1Ul .list:nth-child(2n) .H4,

    .indexD1Ul .list:nth-child(2n) .H5{color:#fff !important}

    .indexD1Ul .list:nth-child(2n){background: url(../images/j2.jpg) center no-repeat !important; background-size: 100% 100%;}

    .indexD1Ul .list .ico{width:60px; height: 60px; margin: 0;}

    .indexD1Ul .list .text2{margin-left:70px; line-height: normal;}

    .indexD1Ul .list .text2 .H4{font-size:16px; margin: 10px 0 0 0;}

    .indexD1Ul .list .text2 .H5{margin-top:10px;}



}

.index2{padding:60px 0; overflow: hidden;}

.index2Ul{margin-top:45px;}

.index2Ul .list{width:12.5%; float:left; height: 666px; position: relative; background-color: #000;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.index2Ul .img{position:absolute; top:0; left: 0; width:100%; height: 100%; opacity: 0.5}

.index2Ul .box1{width:100%; text-align: center; position: absolute; top:50%; left: 0; margin-top:-120px;}

.index2Ul .box1 .H5{font-size:18px; color:#fff;}

.index2Ul .box1 .line{width:1px; height: 54px; background-color: #fff; display: block; margin:20px auto}

.index2Ul .box1 .ico{display:block; width:94px; height: 94px; border-radius: 50%; background-color: #005693; margin: auto; overflow: hidden;}

.index2Ul .box1 .H4{margin-top:20px; font-size:20px; color:#fff;}

.index2Ul .box2{width:480px; min-height: 460px; position: absolute; top:50%; left: 0; margin-top:-200px;background-color: rgba(255,255,255,0.95); padding-right:80px; opacity: 0;-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}



.index2Ul .box2 .b2Ti{padding:50px 44px 35px 0; background:url(../images/p26.png) center bottom no-repeat; background-size: 100%; text-align: right; font-size:20px; color:#333333;}

.index2Ul .box2 .b2Ti .ico{width:34px; height: 34px; display: inline-block; vertical-align: middle; line-height: 0; margin: -4px 15px 0 0 ;}

.index2Ul .box2 .p{margin:37px 0 37px 0; font-size:16px; line-height: 36px; height:144px; text-align: right; width: 100%; padding: 0 35px 0 100px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;}

.index2Ul .box2 .more{width:128px; height: 40px; line-height: 40px; text-align: center; background-color: #005693; float:right; margin: 0 35px 0 0; font-size;14px; color:#fff;}

.index2Ul .box2 .more .ico{width:11px; height: 11px; display: inline-block; vertical-align: middle; margin:0 0 0 20px ; line-height: 0;}

.index2Ul .box2 .more:hover{opacity:0.7;}

@media screen and (max-width:991px){

    .index2Ul .box2{width:440px; padding-right:20px;}

}

@media screen and (min-width:768px){

    .index2Ul .list.on{width:62.5%;}

    .index2Ul .list.on .img{opacity:1;}

    .index2Ul .list.on .box1{opacity:0;}

    .index2Ul .list.on .box2{opacity:1;}

}

@media screen and (max-width:1199px){

    .index2Ul .box1 .ico{width:70px; height: 70px;}

    .index2Ul .box1 .H4{font-size:18px;}

    .index2{padding:60px 0;}

}

@media screen and (max-width:1199px){

    .index2Ul .box1 .H4{font-size:14px;}

}

@media screen and (max-width:767px){

    .index2{padding:30px 0 30px 0; background-color: #f3f3f7; margin: 0 0 30px 0}

    .index2Ul{padding:0 15px; text-align: center; font-size: 0; margin: 0;}

    .index2Ul .list{width:33%; height: auto; float:none; display: inline-block; vertical-align: top; background-color:#fff; margin: 20px auto auto auto; background-color: transparent;}

    .index2Ul .box1{position: relative; margin: 0;}

    .index2Ul .box1 .H4{color:#333;}

    .index2Ul .box2,

    .index2Ul .box1 .H5,

    .index2Ul .box1 .line{display:none; }

    .index2Ul .img{display:none; }

}

.index3Ul{margin:60px -15px 0 -15px;}

.index3Ul .list{padding:0 15px;}

.index3Ul .img{overflow:hidden; width: 100%;}

.index3Ul .img img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.index3Ul .text{background-color:#f5f5f9; padding:24px 28px 28px 28px; position: relative;}

.index3Ul .text .H4{font-size:24px; color:#333333;}

.index3Ul .text .H5{font-size:16px; color:#666666; margin: 10px 0 15px 0;}

.index3Ul .text .span{width:auto; height: 32px; line-height: 30px; padding:0 15px; display: inline-block; background-color:#005693; border:1px solid rgba(255,255,255,0.23); font-size:14px; color:rgba(255,255,255,0.8);}

.index3Ul .text .more{font-size:12px; color:#888888; font-family: Arial; text-transform: uppercase; position: absolute; bottom:30px; right: 37px; font-weight: bold;}

.index3Ul .text .more::after{width:56px; height: 2px; background-color: #c9c9cc; position: absolute; top:49%; left: -74px; content: ""; opacity: 0.4}

.index3Ul .list:hover .img img{transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -o-transform:scale(1.1);}

.index3Ul .list:hover .text{background-color:#005693;}

.index3Ul .list:hover .text .H4,

.index3Ul .list:hover .text .more{color:#fff;}

.index3Ul .list:hover .text .H5,

.index3Ul .list:hover .text .span{color:#fff; opacity: 0.8;}

.index3Ul .slick-prev{width:42px; height: 42px; background: url(../images/p27.png) center no-repeat; background-size: 100%; background-color: #d8d8d8; border-radius: 50%; left: -85px;}

.index3Ul .slick-next{width:42px; height: 42px; background: url(../images/p28.png) center no-repeat; background-size: 100%; background-color: #d8d8d8; border-radius: 50%;right: -85px;}

.index3Ul .slick-prev:hover,

.index3Ul .slick-next:hover{background-color:#005693;}

.index3Ul .slick-dots{width:100%; line-height: 0 ;text-align: center; font-size: 0; bottom:0;}

.index3Ul .slick-dots li{width:8px; height: 8px; background-color: #005693; border-radius: 50%; margin: 0 4px; opacity: 0.4;}

.index3Ul .slick-dots li.slick-active{opacity: 1;}

@media screen and (max-width:1778px){

    .index3Ul .slick-prev{left:-40px;}

    .index3Ul .slick-next{right:-40px;}

}

@media screen and (max-width:1683px){

    .index3Ul .slick-prev{left:15px;}

    .index3Ul .slick-next{right:15px;}

}

@media screen and (max-width:1599px){

    .index3Ul .text .H4{font-size:20px;}

}

@media screen and (max-width:1199px){

    .index3Ul{padding-bottom:30px}

}

@media screen and (max-width:767px){

    .index3Ul{margin:20px 0 0 0;}

    .index3Ul .list{padding:0;}

    .index3Ul .text{padding:15px;}

    .index3Ul .text .H4{font-size:16px;}

    .index3Ul .text .H5{font-size:14px; margin: 15px 0;}

    .index3Ul .text .more{right:15px; bottom:25px;}

    .index3Ul .text .more::after{width:30px; left: -40px;}

}

.index4{background-color:#f3f3f7; padding:60px 0; margin:0px 0 0 0 ;}

.in4Tab{margin-top:20px;}

.in4Nav{text-align:center; font-size:0;}

.in4Nav .list{width:166px; height: 48px; line-height: 48px; background-color: #e6e6ec; font-size:18px; color:#333333; margin: 0 10px; display: inline-block;cursor: pointer;}

.in4Nav .list.on{background-color:#005693;}

.in4Nav .list.on a{ color:#fff; }

.in4D{margin-top:40px;}

.in4D .list{overflow:hidden;}

.in4Ul{margin:0 -15px; padding-bottom:50px;}

.in4Ul .li{padding:0 15px;}

.in4Ul .pic{width:100%; overflow: hidden;}

.in4Ul .pic img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.in4Ul .text{background-color:#ffffff; padding:28px 20px 40px 20px;}

.in4Ul .text .time{font-size:14px; color:#005693;}

.in4Ul .text .H4{font-size:16px; line-height: 24px; height: 48px; margin: 10px 0 0 0; color:#333333;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}

.in4Ul .text .line{width:42px; height: 1px; display: block; margin:20px 0 ; background-color: #dedede;}

.in4Ul .text .p{font-size:12px; color:#666666; line-height: 24px; height: 72px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;}

.in4Ul .li:hover img{transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -o-transform:scale(1.1);}

.in4Ul .li:hover .text{background-color:#005693;}

.in4Ul .li:hover .text .time{color:#fff;}

.in4Ul .li:hover .text .H4{color:#fff;}

.in4Ul .li:hover .text .line{background-color:#e25c5f;}

.in4Ul .li:hover .text .p{color:#fff;}

.in4Ul .slick-dots{width:100%; line-height: 0 ;text-align: center; font-size: 0; bottom:0;}

.in4Ul .slick-dots li{width:8px; height: 8px; background-color: #005693; border-radius: 50%; margin: 0 10px; opacity: 0.4;}

.in4Ul .slick-dots li.slick-active{opacity: 1;}

@media screen and (max-width:1199px){

    .index4{margin-top:60px; padding:60px 0;}

}

@media screen and (max-width:767px){

    .index4{margin-top:30px; padding:30px 0;}

    .in4Nav .list{width:32%; margin: 0 1px; font-size:16px; line-height: 40px; height: 40px;}

    .in4Ul .text{padding:15px;}

    .in4Ul .text .line{margin:10px 0;}

    .in4Ul{padding-bottom:30px; margin: 0;}

    .in4Ul .li{padding:0;}

    .in4Ul .slick-dots li{margin:0 4px;}

}

/*bottom*/

.bottom{ position: relative;  border-top: 1px solid #ddd;}

.bottom1{padding:58px 0 44px 0; border-top:1px solid #31333b;}

.bLogo{    position: absolute;

    float: left;

    margin-top: 30px;

    z-index: 1;}

.cr{    font-size: 14px;

    line-height: 24px;

    margin-left: 23%;

    /* margin: 6px 0 0 15%; */

    margin-top: 20px;}

.bEwm{width:40px; height: 40px; float:right; position: relative; margin: 6px 0 0 0; border-radius: 50%; background-color:#3b3d44;}

.bEwm .ewm{width:100px; height: auto; background-color:#fff; padding:5px; bottom:40px; left: 50%; margin-left:-50px; position: absolute;transform: scale(0);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.bEwm:hover .ewm{transform: scale(1)}

.bLink{float:right; margin-right:2.8%;}

.bLink a{float:left; font-size:14px; color:#d1d2d5; margin: 0 30px; line-height: 53px; }

.bLink a:hover{color:#fff;}

.bottom2{padding:45px 0 50px 0;}

.bInfor{width: 65%;

    float: left;

    margin-left: 15%;

    margin-top: 45px;}

.bInfor .list{width:18.75%; margin-right:5%; float:left; border-right:1px dashed #55555d;}

.bInfor .list:last-child{border:none; margin: 0;}

.bInfor .H4{font-size:16px; color:#fff; margin-bottom:14px;}

.bInfor .p{font-size:14px; color:rgba(255,255,255,0.6); line-height: 30px;}

.bInfor .p .ico{float:left; width:16px; height: 14px;}

.bInfor .p .p2{ text-align:center}

.bInfor .p .p2 a{ color:#fff}

.bOut{float:right; margin-top:40px; position: relative;}

.bOut .H5{width:170px; height: 40px; line-height: 40px; padding:0 50px; font-size:14px; color:#fff; background-color:#ccc; position: relative; cursor: pointer;}

.bOut .H5::after{width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff; content: ""; position: absolute; top:50%; margin-top:-2px; right:45px;}

.bOut .H5.active::after{transform:rotate(180deg);}

.bOut .scrollBox2{position:absolute; bottom:41px; left: 0; width:100%; height: 0; overflow: hidden;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.bOut .scrollBox2.on{height: 100px;}

.bOut .scrollBox{ height: 100px;}

.bOut .scrollBox a{display: block; font-size:12px; line-height: 24px; color:#fff; padding:0 15px;}

@media screen and (max-width:1599px){

    .bInfor .list{ width: 12.5%;    margin: 0 2%;}

    .bInfor .p{font-size:12px;}

}

@media screen and (max-width:1199px){

    .bottom1{padding:30px 0;}

    .bLink{width:100%; }

    .bInfor{width:100%; float:none; display:none}

    .bInfor .list{width:23%;}

    .bOut{float:none; margin:40px auto auto auto; width: 170px;}

}

@media screen and (max-width:991px){

    .bEwm .ewm{right:0; margin: 0;left: auto;}

}

@media screen and (max-width:767px){

    .bottom1{padding:20px 0 10px 0; }

    .bEwm{margin:0;}

    .bLink {margin:10px 0 0 0; font-size:0;}

    .bLink a{font-size:12px; line-height: 24px; margin: 0 5px; float:none; display: inline-block; vertical-align: middle;}

    .bottom{padding-bottom:61px;}

    .bInfor .list:nth-child(2),

    .bInfor .list:nth-child(1),

    .bInfor .list:nth-child(4){display:none;}

    .bInfor .list{width:100%; border:none; text-align:center;}

    .bInfor .p {display:inline-block; margin:0 10px;}

    .cr{width:100%; bottom:0; padding:10px 15px; box-sizing: border-box; margin: 0; left: 0; font-size:10px; line-height: 20px;text-align: center; }

    .bLogo{width:100px; float:none; display:none}

    .bottom2{padding:20px 0;}

    .bOut{margin:15px auto auto auto;}

}

/*关于我们*/
/*
.goDown2{width:62px; height: 62px; bottom:-31px; left: 50%; margin-left:-31px; background: url(../images/blue/j17.png) center no-repeat; background-size: 100%; position: absolute; z-index: 1;}*/

.localBox .local,

.localBox .local a{font-size:14px; color:#888888;}

.localBox .local{margin:52px 0 30px 0; text-align: center;}

.erji{font-size:0; text-align: center;}

.erji a{display:inline-block;max-width:148px;width: 10rem; height: 40px; line-height: 40px; border-radius: 6px; overflow: hidden; background-color: #ececec; margin: 0 10px; color:#333333; font-size:16px; padding: 0;}

.erji a:hover{background-color:#2b80ca; color:#fff;}

.erji a.on{background-color:#2b80ca; color:#fff;}

.about1{ margin: 60px 0; position: relative;}

.about1 .text{ }

.about1 .text .H4{font-size:30px; color:#005693;}

.about1 .text .H5{font-size:14px; color:#888888; margin: 10px 0 30px 0;}

.about1 .text .p{font-size:14px; line-height: 26px; color:#737373;}

.about1 .text .textLogo{width:196px; height: auto; position: absolute; bottom:60px; right:4%;}

.about1 .img{width: 47%;float: right; padding-left: 30px;
    padding-bottom: 10px;margin-top: 6px;}

@media screen and (max-width:1199px){

    .about1{border-width:30px;}

    .about1 .text{padding-top:30px;}

    .about1 .text .H4{font-size:24px;}

}

@media screen and (max-width:767px){
	.goDown2{background: url(../images/blue/j17.png) center no-repeat;background-size: 100%;}
    .localBox .local{margin:40px 0 0 0;}

    .erji{/*display:none;*/ margin-top: 20px;overflow: hidden;}

    .erji a { margin-bottom: 10px;}

    .about1{margin:30px 0; border-width:10px;}

    .about1 .img{background:none !important; width: 100%; height: auto;margin-top:0px;}

    .about1 .text{width:100%; padding:20px 10px;}

    .about1 .text .H4{font-size:20px;}

    .about1 .text .H5{font-size:12px; margin: 10px 0 20px 0}

    .about1 .text .p{font-size:14px; line-height: 24px;}

    .about1 .text .textLogo{display:none;}

}

.abTi{text-align:center;}

.abTi .H4{font-size:30px; color:#005693;}

.abTi .ico{width:15px; display: block; margin: 20px auto auto auto; line-height: 0;}

.about2{margin:35px -15px 0 -15px; }

.about2 .list{width:25%; float:left; padding:15px;margin-top: 20px;}
.about2 .list:nth-child(1),.about2 .list:nth-child(6) {
	margin-left: 25%;
}
.about2 .list:nth-child(3) {
	margin-left: 12.5%;
}
.about2 .box{background-color:#f5f5f7; text-align: left;overflow: hidden;}

.box2{width: 100%;text-align: center;overflow: hidden;}

.about2 .ico{width:100%; display: block;background-color: #fff;float: left;}


.about2 .H4{font-size:20px; color:#333;line-height: 30px; margin-top:10px;}

.about2 .H5{font-size:12px; color:#333; text-transform: uppercase; line-height:30px;}

.about2 .p{font-size:14px; line-height: 24px; color:#666; margin-top:10px;overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;}

/*.abTi{text-align:center;}

.abTi .H4{font-size:30px; color:#005693;}

.abTi .ico{width:15px; display: block; margin: 20px auto auto auto; line-height: 0;}

.about2{margin:35px -15px 0 -15px; }

.about2 .list{width:50%; float:left; padding:15px;margin-top: 20px;}

.about2 .list span.ico .img_1 {height: 186px; display: inline-block;}

!*.about2 .list span.ico img {vertical-align: middle}*!

.about2 .box{background-color:#f5f5f7; text-align: left;overflow: hidden;}

.box2{float: left;margin-left: 15px;width: 55%;}

.about2 .ico{width:40%; display: block;background-color: #fff;float: left;}

.about2 .H4{font-size:24px; color:#333;line-height: 30px; margin-top:30px;}

.about2 .H5{font-size:16px; color:#333; text-transform: uppercase; line-height:44px;}

.about2 .p{font-size:14px; line-height: 24px; color:#666; margin-top:10px;overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;}*/

@media screen and (max-width:1199px){



    .about2 .H4{font-size:20px;}

    .about2 .p{font-size:14px;}

    .about2 .list{padding:0 5px;}

    .about2{margin:35px -5px 0 -5px;}

    .abTi .H4{font-size:24px;}

}

@media screen and (max-width:991px){





}

@media screen and (max-width:767px){

    .abTi .H4{font-size:20px;}

    .abTi .ico{width:10px; margin-top:10px; }

    .about2{margin:10px 0 0 0;}

    .about2 .list{width:100%; margin-top:10px;margin-left: 0!important; }

    .about2 .ico{float:left;}

    .about2 .box2{float: right;}

    .about2 .box{min-height: inherit; position:relative;}

    .about2 .H4{font-size:16px; line-height: 24px; margin: 0;margin-top: 8px;}

    .about2 .H5{font-size:14px; line-height: 28px;padding-bottom: 5px;}

    /*.about2 .H5{font-size:12px; line-height: 20px;}*/

    .about2 .p{margin-top:2px;    text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp:2;

        -webkit-box-orient:vertical;overflow: hidden;font-size: 12px;}

}

.about3{position:relative; min-height: 520px; margin-top:60px;background-color: #f5f5f7;}

.about3 .img{width:50%; position: absolute; top:0; left: 0; height: 100%; }

.about3 .text{width:50%; float:right; padding:20px 3.82% 0 3.82%;}

.ab3Ti{font-size:24px; color:#005693; font-weight: bold;}

.ab3Ti .H5{font-size:14px; color:#888888; font-family: Arial; text-transform: uppercase; font-weight: normal; margin-left:10px;}

.about3Ul{margin:10px 0 0px 14px; padding:23px 0 24px 14px; border-left:1px solid #d2d2d2;}

.about3Ul .list{margin-top:37px; font-size:16px; line-height: 30px; color:#444444;}

.about3Ul .list:first-child{margin-top:0;}

.about3Ul .list .H5{font-size:18px; color:#005693; position: relative;}

.about3Ul .list .H5::after{width:9px; height: 9px; background-color: #005693; position: absolute; top:7px; left: -19px; content: ""; border-radius: 50%;}

.about4{margin:60px 0 80px 0;}

.about4 .text{float:left;}

.about4 .img{right:0; left: auto;}

@media screen and (max-width:767px){

    .about3{margin-top:30px; min-height: inherit;}

    .about3 .text{width:100%; padding:20px;}

    .about3 .img{width:100%; position:relative; background: none !important; float:left;}

    .ab3Ti{font-size:20px;}

    .ab3Ti .H5{font-size:12px;}

    .about3Ul{margin:20px 0 0 0; padding:10px 0 10px 14px;}

    .about3Ul .list{font-size:14px; line-height: 24px; margin-top:10px;}

    .about3Ul .list .H5{font-size:16px; margin-bottom:10px;}

    .about4{margin:30px 0;}

}

/*产品中心*/

.product{padding:30px 0 80px 0;}

.product .list{margin-top:30px; background-color: #f3f3f7; padding:60px;}

.product .img{width:48.93%; float:left; overflow: hidden;}

.product .img img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.product .text{width:47%; float:right;}

.product .proTi{padding:30px 0 25px 0; border-bottom:1px solid #d8d8d8; font-size:30px; color:#005693;}

.product .proTi .ico{width:34px; height: 34px; display: inline-block; vertical-align: middle;line-height: 0; margin: -2px 15px 0 0;}

.product .p{font-size:16px; color:#333333; line-height: 36px; height: 180px; margin: 35px 0 50px 0;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;}

.product .more{width:128px; height: 40px; text-align: center; line-height: 40px; background-color: #b4b5ba; font-size:14px; color:#fff;}

.product .more .ico{width:11px; height: 11px; margin-left:11px; display: inline-block; vertical-align: middle; line-height: 0;}

.product .list:hover .img img{transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -o-transform:scale(1.1);}

.product .list:hover .more{background-color:#005693;}

.product .list:nth-child(2n) .img{float:right;}

.product .list:nth-child(2n) .text{float:left;}

@media screen and (max-width:1599px){

    .product .list{padding:30px;}

    .product .proTi{padding:10px 0; font-size:24px;}

    .product .p{line-height:30px; height: 150px; margin: 20px 0;}

}

@media screen and (max-width:991px){

    .product .list{padding:10px;}

    .product .proTi{font-size:20px;}

    .product .proTi .ico{width:24px; height: 24px;}

    .product .p{font-size:14px; line-height: 24px; height: 120px; margin: 10px 0;}

}

@media screen and (max-width:767px){

    .product{padding:20px 0 30px 0;}

    .product .img{width:100%;}

    .product .text{width:100%;}

    .product .list{margin-top:10px;}

}

/*产品详情*/

.proDe{padding:60px 0 80px 0;}

.proDeTi .H4{font-size:40px; color:#005693; text-align: center; letter-spacing: 2px;}

.proDeTi .ico{width:39px; display: block; margin: 25px auto auto auto; line-height: 0;}

.dePadding{padding:0 10.19%;}

.proDe1{position:relative; padding:86px 0 70px 0; margin-top:15px; font-size:18px; color:#666666; line-height: 36px;}

.proDe1 .ico{width:200px; height: 200px; border-radius: 50%; overflow: hidden; position: absolute; background-color: #005693; border:25px solid #fff; top:0; left: 50%; margin-left:-100px;}

.proDe2{background:url(../images/j27.jpg) center no-repeat; background-size: cover;}

.proDe2Ul{margin:0 -20px; padding:75px 0 70px 0}

.proDe2Ul .list{width:50%; float:left; padding:0 20px; text-align: center;}

.proDe2Ul .ico{width:76px; display: block; margin: auto; line-height: 0;}

.proDe2Ul .H5{font-size:30px; color:#005693; margin: 35px 0 25px 0;}

.proDe2Ul .p{font-size:18px; color:#666666; line-height: 36px;}

.proDe3{padding:80px 0 0 0;}

.proDe3 .H3{font-size:30px; color:#005693; text-align: center;}

.proDe3Ul{margin-top:40px;}

.proDe3Ul .list{width:33.33%; float:Left; padding-top:278px; position: relative; background-color: #e9e9e9;}

.proDe3Ul .img{width:100%; height: 278px; position: absolute; top:0; left: 0; }

.proDe3Ul .text{padding:60px 20px 20px 20px; text-align: center; min-height: 278px;}

.proDe3Ul .text .H4{font-size:24px; color:#333333; padding-bottom:20px; position: relative;}

.proDe3Ul .text .H4::after{width:54px; height: 1px; background-color: #005693; position: absolute; bottom:0; left: 50%; margin-left: -27px; content: "";}

.proDe3Ul .text .p{font-size:18px; line-height: 36px; color:#666666; margin-top:20px;}

.proDe3Ul .list:nth-child(2n){padding:0 0 278px 0;}

.proDe3Ul .list:nth-child(2n) .img{top:auto; bottom:0;}

@keyframes topDown{

    0% {transform: translate(0);}

    50% {transform: translate(0, 20px);}

}

@media screen and (min-width:992px){

    .proDe2Ul .list:hover{animation: topDown 0.8s ease-out;animation-direction: alternate;}

    .proDe3Ul .list:hover .text{background-color:#005693;}

    .proDe3Ul .list:hover .text .H4{color:#fff;}

    .proDe3Ul .list:hover .text .p{color:#fff;}

    .proDe3Ul .list:hover .text .H4::after{background-color:#fff;}

}

@media screen and (max-width:1599px){

    .dePadding{padding:0;}

}

@media screen and (max-width:1199px){

    .proDe{padding:60px 0;}

    .proDeTi .H4{font-size:30px;}

    .proDe1 .ico{width:120px; height: 120px; border-width: 10px;margin-left: -60px;}

    .proDe1,

    .proDe2Ul .p,

    .proDe3Ul .text .p{font-size:16px;}

    .proDe2Ul .ico{width:60px;}

    .proDe2Ul .H5,

    .proDe3 .H3{font-size:24px;}

    .proDe3Ul .text .H4{font-size:20px;}

    .proDe1,

    .proDe3{padding-top:60px;}

}

@media screen and (max-width:991px){

    .proDe3Ul .text{padding:20px 10px 10px 10px;}

}

@media screen and (max-width:767px){

    .proDe{padding:30px 0;}

    .proDeTi .H4{font-size:20px;}

    .proDeTi .ico{width:28px; margin-top:10px;}

    .proDe1 .ico{width:60px; height: 60px; border-width: 5px; margin-left:-30px;}

    .proDe1{padding:30px 0; font-size:14px; line-height: 24px;}

    .proDe2{background: none !important;}

    .proDe2Ul{margin:0; padding:0; }

    .proDe2Ul .list{width:100%; padding:0; background-color:#e9e9e9; padding:10px;}

    .proDe2Ul .list:nth-child(2n){background-color:#f3f3f3;}

    .proDe2Ul .ico{width:40px;}

    .proDe2Ul .H5{font-size:18px; margin: 10px 0;}

    .proDe2Ul .p,

    .proDe3Ul .text .p{font-size:14px; line-height: 24px;}

    .proDe3{padding-top:30px;}

    .proDe3 .H3{font-size:18px;}

    .proDe3Ul{margin-top:20px;}

    .proDe3Ul .list{width:100%; padding:0 !important;}

    .proDe3Ul .img{width:100%; position: relative; min-height: inherit; background: none !important; height: auto;}

    .proDe3Ul .text{width:100%; padding:10px; min-height: inherit}

    .proDe3Ul .text .H4{font-size:16px;}



}



.right_div {

    width: 48%;

    /*width: 35%;*/

    float: left;

}

.right_div video {

    width: 100%;

}

/*服务案例*/

.case{padding:80px 0 80px 0;}

.case .index3Ul{margin:0 0 0 0;}

/*

.caseList{padding-bottom:60px; margin: 0 -15px;}

.caseList .list{width:33.33%; float:left; padding:0 15px; margin-top:30px;}

.caseList a{display:block; width:100%;}

*/

.paging{width:100%; font-size:0; text-align: center;}

.paging .aPh{display:none; font-size:14px; color:#272727; margin: 0 5px;}

.paging a{display:inline-block; width:38px; height: 38px; line-height: 36px; border:1px solid #e1e1e1; margin: 0 5px; font-size:14px; color:#272727;}

.paging .btn1{width:100px; font-size:12px; color:#666666;}

.paging a:hover{background-color:#005693; border-color:#005693; color:#fff;}

.paging a.hover{background-color:#005693; border-color:#005693; color:#fff;}

@media screen and (max-width:1199px){

    .case{padding-bottom:60px;}

    .case .index3Ul .text{padding:20px 10px;}

    .case .index3Ul .text .more{right:15px;}

    .case .index3Ul .text .more::after{width:30px; left: -40px;}

    .caseList{margin:0 -5px;}

    .caseList .list{padding:0 5px;}

}

@media screen and (max-width:767px){

    .case{padding:30px 0 30px 0;}

    .caseList{margin:10px 0 0 0; padding-bottom:30px;}

    .caseList .list{width:100%; padding:0; margin-top:20px;}

}

@media screen and (max-width:767px){

    .paging .a{display:none;}

    .paging .aPh{display:inline-block;}

}

/*案例详情*/

.caseDe{padding:70px 0;}

.caseDeTi{float:left; font-size:30px; color:#005693; font-weight: bold;}

.caseDeTi .H5{font-size:18px; color:#555555; font-weight: normal; margin-left:10px;}

.caseShare{float:right;margin-top:20px;}

.caseShare .H5{float:left; font-size:14px; color:#888888;}

.caseShare .bdsharebuttonbox {float:left;}

.caseShare .bdshare-button-style0-16 a{margin-top:0; margin-bottom:1;}

.caseDe2{float:left; width:100%; margin: 30px 0 40px 0;}

.caseDe2L{width:77.76%; float:left;}

.caseDe2R{width:19.92%; float:right; padding:23px 0;}

.caseDe2R .list{margin-top:20px;}

.caseDe2R .slick-prev,

.caseDe2R .slick-next{width:100%; height: 23px; background: url(../images/p45.png) center no-repeat; background-size: 100%; top:0; left: 0; transform: translate(0); background-color: #e7e7e7;}

.caseDe2R .slick-next{top:auto; bottom:-20px; background-image: url(../images/p44.png);}

.caseDe2R .slick-prev:hover{background-image:url(../images/p46.png); background-color: #005693;}

.caseDe2R .slick-next:hover{background-image:url(../images/p47.png); background-color: #005693;}

.caseDe3Ti{background:url(../images/p48.png) center right no-repeat; background-size: 100%; margin: 39px 0 24px 0; float:left; width: 100%;}

.caseDe3Ti .H4{float:left; font-size:24px; color:#333333; padding-right:20px; background-color: #fff;}

.caseDe3{font-size:18px; line-height: 36px; color:#555555;float:left; width: 100%;}

.caseDe2R .slick-dots{width:100%; line-height: 0 ;text-align: center; font-size: 0; bottom:0;}

.caseDe2R .slick-dots li{width:8px; height: 8px; background-color: #005693; border-radius: 50%; margin: 0 4px; opacity: 0.4;}

.caseDe2R .slick-dots li.slick-active{opacity: 1;}

@media screen and (max-width:1599px){

    .caseDe2R .slick-next{bottom:-15px;}

}

@media screen and (max-width:1199px){

    .caseDe{padding:60px 0;}

    .caseDeTi{font-size:24px;}

    .caseDeTi .H5{font-size:16px;}

    .caseDe2R .list{margin-top:13px;}

    .caseDe3Ti .H4{font-size:20px;}

    .caseDe3{font-size:16px;}

}

@media screen and (max-width:991px){

    .caseShare{display:none;}

    .caseDe2R .list{margin-top:8px;}

    .caseDe2R .slick-next{bottom:-5px;}

}

@media screen and (max-width:767px){

    .caseDe{padding:30px 0;}

    .caseDeTi{font-size:20px;}

    .caseDeTi .H5{font-size:14px; width:100%; margin: 10px 0 0 0; display: block;}

    .caseDe2{margin:20px 0;}

    .caseDe2L{width:100%; padding:0 5px;}

    .caseDe2R{width:100%; padding:0 0 20px 0 ; }

    .caseDe2R .list{padding:0 5px; }

    .caseDe3Ti{margin:0 0 20px 0;}

    .caseDe3{font-size:14px; line-height: 24px;}

}

/*资讯中心*/

.new{padding:30px 0 80px 0;}

.newList{margin:0 -15px; padding-bottom:60px;}

.newList .li{width:33.33%; float:left; padding:0 15px; margin-top:30px;}

.newList a{display:block;}

.in4Ul .text{background-color:#f3f3f7;}

@media screen and (max-width:1199px){

    .new{padding:30px 0 80px 0;}

    .newList{margin:0 -5px;}

    .newList .li{padding:0 5px;}

    .in4Ul .text{padding:20px;}

}

@media screen and (max-width:767px){

    .new{padding:20px 0 30px 0;}

    .newList .li{width:50%; margin-top:10px;}

    .in4Ul .text{padding:20px 10px;}

    .newList{padding-bottom:30px;}

}

/*新闻详情*/

.newDe{margin: 60px 0 85px 0; background-color: #fff;}

.newDeL{width:73.24%; padding:45px 30px 40px 30px; border-right:1px solid #d4d4d4; float:left;}

.newDeL .H4{font-size:26px; color:#333;line-height: 40px;}

.newDeL .time{font-size:14px; color:#999; padding:15px 0; border-bottom:1px solid #d4d4d4; font-weight: bold;}

.newDeL .p{font-size:16px; line-height:36px; color:#232323; margin: 25px 0 38px 0;}

.imgBox .img{width:48.62%; float:left; margin-right:2.76%;}

.imgBox .img:nth-child(2n){margin-right:0;}

.newDeR{width:26.76%; float:right; padding-top:30px;}

.newDeR .list{padding:20px 30px; border-bottom:1px solid #e7e7e7;}

.newDeR .list:last-child{border-bottom:none;}

.newDeR .img{width:97px; float:right; overflow: hidden;}

.newDeR .img img{-webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.newDeR .text{margin-right:125px;}

.newDeR .H4{font-size:16px; line-height: 24px; height: 48px;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}

.newDeR .time{font-size:12px; margin-top:10px;color: #999;}

.newDeR .list:hover img{

    transform:scale(1.1);

    -webkit-transform:scale(1.1);

    -moz-transform:scale(1.1);

    -o-transform:scale(1.1);}

.newDeR .list:hover .H4{color:#2b80ca;}

.newDeR .list:hover{background-color:#ebedf5;}

.pageA{ position: relative; padding-top:75px; background: url(../images/p49.png) center top no-repeat; background-size: 100%;}

.pageUp{float:left;width: 40%}

.pageDown{float:right; width: 40%; text-align: right;}

.pageA a{font-size:14px; color:#8b8b8b; font-weight: bold;}

.pageA a .newTitle{display:block; font-size:16px; color:#232323; font-weight: normal; margin-top:5px;}

.pageA a:hover .newTitle{color:#c9151e;}

@media screen and (max-width:1199px){

    .newDe{margin:60px 0;}

    .newDeL .H4{font-size:24px;}



    .pageA{padding-top:40px;}

    .pageA a .newTitle{font-size:14px;}



    .newDeR .list{padding:10px;}

    .newDeR .H4{font-size:14px;}



}

@media screen and (max-width:767px){

    .newDe{margin:30px 0;}

    .newDeL{padding:20px; width:100%; border:none;}

    .newDeL .H4{font-size:18px; text-align: center; line-height: 24px}

    .newDeL .time{text-align:center;}

    .newDeL .p{font-size:14px; line-height: 24px; margin: 20px 0;}

    .newDeR{width:100%;border-top:1px solid #e7e7e7;}

}

@media screen and (max-width:767px){

    .pageA{padding-top:40px;background-size: 150%;}

    .pageA a{width:100%; text-align: center;}



}

/*联系我们*/

.contact{padding:40px 0 40px 0;}
.renczp_boc{border: 1px solid #ccc;margin: auto;width: 800px; margin-top: 40px;}
.contactLeft{background-color:#ebebeb; padding-bottom:67px; width:62.73%; float:left;}

.contactLeft .name{padding:40px 8.12% 30px 8.12%;}

.contactLeft .name .H3{font-size:30px; color:#333333; line-height: 46px; letter-spacing: 4px;}

.contactLeft .name .H4{font-size:16px; color:#9c9c9c; text-transform: uppercase; letter-spacing: 1px; line-height: 46px;}

.infor .list{padding:35px 8.12%; background-color:#f6f6f6 }

.infor .list:nth-child(2n){background-color:#ebebeb;}

.infor .list .div .span{float:left; width:42px; height: 42px;text-align: center;

    line-height: 42px; border-radius: 50%; background-color:#005693;}

.infor .list .div .p{ margin-left:60px; font-size:16px; color:#444444; line-height: 28px;}

.infor .list .div .p .span1{margin-right:35px;}

.infor .list .div .p .span1:last-child{margin-right:0;}

.infor .list .div .p .H6{color:#005693;}

.contactRight{width:35.54%; float:right; background-color:#f6f6f6; text-align: center; padding:149px 0 0 0; height: 607px;}

.contactRight .H3{font-size:30px; color:#333333;}

.contactRight .ewm{width:46.4%; margin: 40px auto 20px auto; background-color:#fff; padding:15px; display: block;}

.contactRight .H4{font-size:20px; color:#666666;}

@media screen and (max-width:1599px){

}

@media screen and (max-width:1199px){

    .contact{padding:30px 0 60px 0;}

    .contactLeft .name .H3,

    .contactRight .H3{font-size:24px;}

}

@media screen and (max-width:991px){

    .contact{padding:50px 0;}

    .contactLeft{width:100%;}

    .contactLeft .name{padding:20px 5%;}

    .contactLeft .name .H3{font-size:22px;}

    .contactRight{width:100%; padding:20px 0; margin-top:20px;}

    .contactRight .ewm{width:140px; padding:10px;}

    .contactRight{height:auto !important;}

}

@media screen and (max-width:767px){
	.renczp_boc{margin-top: 20px;width: 100%;}
    .contact{padding:30px 0;}

    .contactLeft .name .H3{font-size:18px; line-height: 24px;}

    .contactLeft .name .H4{font-size:13px; line-height: 24px;}

    .infor .list {padding:20px;}

    .infor .list .div .p .span1{width:100%; margin: 0; display: block;}

    .infor .list .div .span{width:30px; height: 30px;line-height: 30px;}

    .infor .list .div .p{margin-left:40px; font-size:13px; line-height: 20px;}

    .contactLeft{padding-bottom:10px;}

    .contactRight .H3{font-size:16px;}

    .contactRight .H4{font-size:14px;}

    .contactRight .ewm{margin:10px auto;}

}

.mapTab{margin:35px 0 0 0; position: relative; float:left; width: 100%;}

.city{width:100%; position: absolute; top:40px; left: 0; text-align: center; font-size:0; z-index: 1;}

.city .list{width:160px; height: 51px; line-height: 51px; background-color: #fff; margin: 0 10px; vertical-align: top; display: inline-block; font-size:18px; color:#333333; cursor: pointer;}

.city .list.on{background-color:#005693; color:#fff;}

.map{height:560px; width:100%; float:left;}

.map img{ max-width:none;}

.map .tit{font-size:18px; color:#005693; font-weight: bold; width: 100%;}

.map .con{ font-size: 14px; color: #666666; line-height: 24px; margin-top:5px; width: 100%;}

.map .BMap_pop{ float:right; background-image:url(../images/p53.png); background-repeat:no-repeat; border:none !important; width:411px !important; height:126px;  box-sizing: border-box !important; margin:-20px 0 0 0 !important;}

.map .BMap_pop .BMap_top,#bdmap_1 .BMap_pop .BMap_center,#bdmap_1 .BMap_pop .BMap_bottom,#bdmap_1 .BMap_pop div:nth-child(9n){ width:86% !important;}

.map .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}

.map .BMap_pop div img{display:none;}

.map .iw_poi_content{ font-size: 14px ; color: #666666; line-height: 24px;padding-left:20px !important; margin-top:-10px;}

.map .BMap_shadow{ width:100%; float: left; display: none !important;}

.map .BMapLabel{ display: none !important;}

.map .BMap_pop > img{right:10px !important; left: auto !important;}

.map .BMap_pop div:nth-child(9){width: 100% !important;

    height: auto !important;}

.mapBox .list{overflow:hidden;}

@media screen and (max-width:1199px){

    .map{height:400px;}

    .city{position:relative; top: auto; margin-bottom:20px;}

    .mapTab{padding:0;}

    .city .list{border:1px solid #e5e5e5; width:auto; padding:0 15px; font-size:16px; line-height: 40px; height: 40px;}

}

@media screen and (max-width:767px){

    .map{height:300px;}

    .city .list{width:30%; margin: 0; font-size:12px;}

    .map .tit{font-size:14px;}

    .map .con{font-size:12px;}

}

/*右漂浮*/

.fr{position:fixed; top:200px; right:15px; z-index:999;}

.fr .list{width:60px; height:60px; background-color:#2b80ca; text-align: center; border-bottom:1px solid rgba(255,255,255,0.2); position: relative;}

.fr .ico{width:60px; height: 60px; display: block; margin: auto;}

.phoneBox{position:absolute; top:0; right:60px;background-color:#005693; height: 100%; width: 0; overflow: hidden;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.phoneBox .p{width:150px; text-align: center; font-size:16px; color:#fff; line-height: 60px;}

.ewmBox{width:0; position: absolute; top:50%; right: 60px; overflow: hidden; margin-top:-50px;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;}

.ewmBox .img{ background-color:#005693;padding:5px;width:100px; height: 100px; display: block;}

.fr .list .ewmBox.active{ width: 100px; }

@media screen and (min-width:992px){

    .fr .list:hover{background-color:#005693;}

    .fr .list:hover .phoneBox{ width: 150px; }

    .fr .list:hover .ewmBox{ width: 100px; }

}

@media screen and (max-width:991px){

    .ewmBox .img{ background-color:#005693;}

    .fr{top:auto; bottom:20px;}

}

@media screen and (max-width:767px){

    .fr{width:100%; position: fixed; z-index: 200; bottom:0; left: 0; right: 0; display:block;}

    .fr .list{width:25%; float:left; border:none; position: relative;height: 40px;}

    .fr .list::after{width:1px; height: 100%; content: ""; position: absolute; bottom:0;right:0;border-right:1px solid rgba(255,255,255,0.2);}

    .fr .list:last-child::after{display:none;}

    .fr .ico{width:40px; height:40px;margin:  auto;}

    .frBox{height:40px;}

    .ewmBox{bottom:40px; left: 50%; margin-left:-50px; top:auto; width:100px; height: 0;}

    .fr .list .ewmBox.active{height: 100px;}



}

.content2 {

    width: 100%;

    float: left;

    padding: 45px 0 59px 0;

    background: url(../images/bg_4.jpg) no-repeat center center;

    background-size: cover;

}

@media (min-width: 1200px)

    .container {

        width: 1170px;

    }

    @media (min-width: 1024px)

        .container {

            width: 992px;

        }

        @media (min-width: 768px)

            .container {

                width: 767px;

            }

            .container {

                margin-right: auto;

                margin-left: auto;

            }

            .tit_3{ width:100%; text-align:center;}

            .tit_3 h3{ width:100%; float:left; font-size:26px; color:#333; line-height:34px;}

            .tit_3 h5{ width:100%; float:left; font-size:16px; color:#999; line-height:36px; font-family:Arial;text-transform: uppercase;}

            .slide_pic_2{ width:100%; float:left; position:relative; /*margin-top:38px;*/}

            .slide_pic_2:before{ content:''; width:100%; height:1px; background:#dcdcdc; position:absolute; left:0; bottom:50%;}

            .slide_pic_2 .time{ width:100%; float:left; height:123px; text-align:center; background:url(../images/blue/ico_6_1.png) no-repeat center center; padding-right:6px; line-height:65px; font-size:16px; color:white; font-weight:bold; font-family:Arial;

                -webkit-transition: all 0.3s ease-out 0s;

                -moz-transition: all 0.3s ease-out 0s;

                -o-transition: all 0.3s ease-out 0s;

                transition: all 0.3s ease-out 0s;

                margin-top: 56px;

            }

            .slide_pic_2 .slick-slide:hover .time{ transform:rotateY(360deg);}

            .slide_pic_2 .p{

                width: 100%;

                /* float: left; */

                height: 160px;

                padding-top: 15px;

                font-size: 14px;

                color: #353434;

                line-height: 22px;

                overflow: hidden;

                text-align: center;

            }

            .slide_pic_2 .slick-slide:hover .p{ color:#2b80ca;}

            .slide_pic_2 .l1 .time{ padding-top:58px; background-image:url(../images/blue/ico_6_2.png);margin-top: -4px;}

            .slide_pic_2 .l1 .p{

                /*padding-top:29px;*/

                vertical-align: bottom;

                display: table-cell;

                padding-bottom: 10px;

            }

            .slide_pic_2 .slick-prev,.slide_pic_2 .slick-next {

                position: absolute;

                left: -30px;

                top: 50%;

                display: block;

                width: 30px;

                height: 30px;

                background:url(../images/btn_2.png) no-repeat left center;

                margin-top:-15px;

            }

            .slide_pic_2 .slick-next {

                background-position:right center;

                left:auto; right:-30px;

            }

            .slide_pic_2 .slick-prev:hover,

            .slide_pic_2 .slick-next:hover{ background-image:url(../images/btn_2_h.png);}

            @media screen and (max-width:1023px) {

                .c_1170_4 .content2{ padding:25px 0 39px 0;}

                .tit_3 h3{ font-size:18px; line-height:24px;}

                .tit_3 h5{ font-size:12px; line-height:20px; }

                .slide_pic_2{ margin-top:28px;}

                .slide_pic_2 .time{ height:83px; background-size:contain; padding-right:3px; line-height:45px; font-size:14px;    margin-top: 30px;}

                .slide_pic_2 .p{ height:90px; padding-top:10px; font-size:12px; line-height:18px;}

                .slide_pic_2 .l1 .time{ padding-top:38px;margin-top: 0;}

                .slide_pic_2 .l1 .p{ padding-top:19px;}

            }

            /*新闻动态*/

            .ul_3{ width:100%; float: left; margin-top: 15px;}

            .ul_3 li{ width:100%; float: left; padding: 20px; margin-top:20px; border:solid 1px #eee;

                -webkit-transition: all 0.3s ease-out 0s;

                -moz-transition: all 0.3s ease-out 0s;

                -o-transition: all 0.3s ease-out 0s;

                transition: all 0.3s ease-out 0s;}

            .ul_3 li .pic{ width:250px; height: 160px; float: left; overflow: hidden;}

            .ul_3 li .pic img{ width:100%; float: left;height: 100%;}

            .ul_3 li .text{ margin-left: 280px;  position: relative;padding-right: 220px;}

            .ul_3 li .text .time{ position: absolute; right: 0; top: 26px;}

            .ul_3 li .text .time h2{ width:100%; float: left; text-align: right; font-size: 16px; color: #666; line-height: 25px;font-family:Arial;}

            .ul_3 li .text .time span{ display: block; float: right; margin-top: 26px; width: 89px; height: 44px;

            }

            .ul_3 li .text h4{ width:100%; float: left; margin-top: 27px; font-size: 18px; color: #333; line-height: 25px; height: 25px; overflow: hidden;}

            .ul_3 li .text .p{ width:100%; float: left; margin-top: 14px; font-size: 16px; color: #999; line-height: 32px; height: 64px; overflow: hidden;}

            .ul_3 li:hover{ box-shadow: 0 10px 50px rgba(0,0,0,0.1);}

            .ul_3 li:hover .text h4{ color:#2b80ca;}

            .ul_3 li:hover .text .time span{ background: url(../images/btn5.png) no-repeat center center white;background-size: 100%;-moz-border-radius:50%;

                -webkit-border-radius:50%;

                -khtml-border-radius:50%;

                border-radius:50%;

                -webkit-transition: all 0.3s ease-out 0s;

                -moz-transition: all 0.3s ease-out 0s;

                -o-transition: all 0.3s ease-out 0s;

                transition: all 0.3s ease-out 0s;}

            @media  screen and (max-width:1024px){

                .ul_3 li .text{ padding-right: 106px;}

            }

            @media  screen and (max-width:767px){

                .ul_3{ margin-top: 0;}

                .ul_3 li{ padding: 10px;}

                .ul_3 li .pic{ width:160px; height: 120px;}

                .ul_3 li .text{ padding-right: 76px; margin-left: 174px;}

                .ul_3 li .text .time h2{ font-size: 20px; line-height: 22px;}

                .ul_3 li .text .time span{ margin-top: 16px; width: 30px; height: 30px; background-size: 11px 11px;}

                .ul_3 li .text h4{ margin-top: 20px; font-size: 14px; line-height: 22px; height: 22px;}

                .ul_3 li .text .p{ margin-top: 20px; font-size: 12px; line-height: 22px; height: 44px;}

            }

            @media  screen and (max-width:767px){

                .ul_3 li{ position: relative; margin-top: 10px;}

                .ul_3 li .pic{ width:100px; height: 74px;}

                .ul_3 li .text{ padding-right: 0px; margin-left: 114px; position: inherit;}

                .ul_3 li .text .time{ left: 10px; top: 10px; width:75px; height: 20px; background: url(../images/bg_3.png);}

                .ul_3 li .text .time span{ display: none;}

                .ul_3 li .text .time h2{text-align: center; color: white; background:#2b80ca; font-size: 12px;}

                .ul_3 li .text h4{ margin-top: 0px;}

                .ul_3 li .text .p{ margin-top: 10px;}

            }

            .divpage{width: 100%;

                text-align: center; margin:50px auto}

            .mui-pager{display: flex;

                justify-content: space-around;

                align-items: center;

            }

            .mui-pager li{ border:1px solid #ddd; padding: 5px 12px;}