@charset "utf-8";

/* CSS Document */

/*切图：zyjn*/

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

body{background-color:#fff;}

*{ 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:14px;}

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:14px;}

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;}



/*首页 */

/*首页顶部*/

.top1Top{width:100%; background-color:#3c434d; text-align: center; line-height: 32px; font-size:14px; color:#fff;}

.top1Top .ico{display:inline-block; width:131px; height: auto; overflow: hidden; line-height: 0; vertical-align: middle; margin-right:1.56%;}

.top1 .logo{width:487px; float:left; margin: 20px 0 0 2.34%; height: 76px;}



.top_lan{float:right; line-height:80px; margin-right:30px;}

.top_lan a{font-size: 16px;color: #4e4e4e;}

.top_lan a:hover{color:#e3242a;}



.search{ position: relative; float:right; z-index: 100; }

.search .submit{display:block; width:82px; height:82px; position: relative; z-index: 20; background-color:#e3242a;

	appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:0;}

.search .input{width:0; position: absolute; top:0px; right:0px; overflow: hidden; background-color:#e3242a; padding:26px 0 26px 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;}

.search .input input{display:block; width: 198px; height: 30px; line-height: 30px; margin:0 10px ;padding:0 10px; background:rgba(255,255,255,0.2); color:#fff; 

	appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0; border-radius: 0;}

.search.on .submit{ border-left:1px solid rgba(255,255,255,0.3);}

.search.on .input{width:300px;}



.menu_box{/*float:right; */ margin-right:34px;}

.menu{float:left; height:82px;}

.menu .nli{float:left; position: relative; text-align: center; margin-right:30px; height:83px;}

.menu .nli:last-child{margin-right:0;}

.menu .nli span > a{font-size:16px; color:#4e4e4e; display: block; padding:10px 0 8px 0;}

.menu .nli span > a .i1{line-height: 70px; height: 86px; border-bottom:4px solid #fff; box-sizing: border-box;display: block; padding:0 10px;}

.menu .nli:hover span > a .i1{ border-color: #e3242a;}

.menu .nli.hover span > a .i1{ border-color: #e3242a;}

.menu .nli:hover span > a {color: #e3242a;}

.menu .nli.hover span > a {color: #e3242a;}



.sub{position: absolute; top:96px; left: 50%; width:140px; margin-left:-70px; background-color:rgba(29,29,29,0.6); text-align: center; z-index: 101; display:none;}

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

.sub a:hover{ background-color:rgba(88,88,88,88)}



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

	.top1 .logo{width:487px; margin-top:10px; margin-bottom: 10px; height: 76px;}

	.menu .nli{margin-right:25px;}

}

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

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

	.sub a{font-size:14px;}

	.menu .nli,

	.menu_box{margin-right:16px;}

}

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

	.top1 .logo{width:300px; margin: 28px 0 0 20px;}

	.top1Top{font-size:14px;}

}

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

	.search .submit{width:60px; height: 60px;}

	.search .input{padding:0 15px;}

	.menu .nli span > a .i1{height:48px; line-height: 48px;}

	.top1 .logo{margin-top:20px; width:240px}

	.menu .nli,

	.menu_box{margin-right:8px;}

    .top_lan{float:right; line-height:60px; margin-right:15px;}

    .top_lan a{font-size:14px;}

}



/*手机头*/

.top2{ width:100%; background-color:#fff; display: none; z-index: 2000; height: 60px;   position: relative;box-shadow: 0 0px 17px rgba(0,0,0,0.1);}

.top2 .logo{width:320px; height:auto; float:left; margin-top:10px;}



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

    .top2{ display:block;}

	.top1{ display:none;}

	.top_lan{width:100%; text-align:center; line-height:30px; margin-top:15px;}

}



/*下拉*/

.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: 1px;

    -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: #e3242a;

}

.menuph .navbtn::after,

.menuph .navbtn::before

{

    position: absolute;

    right: 0;

    display: inline-block;

    width: 28px;

    height: 1px;

    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: #e3242a;

}

.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%;

    padding-bottom: 20px;

    display: none;

    z-index: 1029;

    background: #fff;

}

.xialaph .img_d{ display:none;}

.xialaph .ul2,

.xialaph .ul3{

    display: none;

}

.xialaph h4 a{

    display: block;

    color: #333;

    font-size: 14px;

    font-weight: bold;

    line-height: 50px;

    position: relative;

}

.xialaph h4{

    position: relative;

}

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

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.1;*/

}

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

.xialaph h4::after{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #dddddd;

    /*opacity: 0.1;*/

}

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



.xialaph h5 a{

    display: block;

    color: #333;

    font-size: 14px;

    line-height: 42px;

}

.xialaph h5{

    position: relative;

}

.xialaph h5::after{

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 1px;

    background-color: #dddddd;

    /*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: #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 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;

}



.xialaph .searchP{ margin-top: 15px; height: 35px; border: #dddddd solid 1px; width:100%; float:left;

    border-radius:18px;

    -webkit-border-radius:18px;

    -moz-border-radius:18px;

    -o-border-radius:18px;

}

.xialaph .searchP button{ float: right; width: 33px; height: 33px; line-height: 0;}

.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}

.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;

    border-radius:18px;

    -webkit-border-radius:18px;

    -moz-border-radius:18px;

    -o-border-radius:18px;

    -webkit-appearance:none;

    outline: 0;

}







.phonemeng{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .6;

    z-index: 196;

    display: none;

}

.phonemeng.active{

    display: block;

}





/*banner*/

.pz_banner{clear: both;}

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

.slide1 .list{position:relative; overflow: hidden;}

.slide1 .list .textOn{width:320px; position: absolute; top:50%; left: 50%; height: 416px; margin: -208px 0 0 -160px; 

-webkit-transition: all 1s ease-out 0.2s;

    -moz-transition: all 1s ease-out 0.2s;

    -o-transition: all 1s ease-out 0.2s;

    transition: all 1s ease-out 0.2s;}



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

	.slide1 .list .textOn{left:0;opacity: 0;}

	.slide1 .slick-active .list .textOn{opacity:1; left: 50%;}

}

.slide1 .slick-dots{width:100%; left: 0; bottom:80px; text-align: center; line-height: 0;}

.slide1 .slick-dots li{display:inline-block; vertical-align: bottom; width:14px; height: 14px; background-color:#fff; margin:0 5px; border-radius: 50%;}

.slide1 .slick-dots li.slick-active{background-color:#e3242a;}

.slide1 .slick-prev,

.slide1 .slick-next{width:35px; height: 66px;}

.slide1 .slick-prev{background:url(../images/p2.png) center no-repeat; background-size:100%; left: 5.62%;}

.slide1 .slick-next{background:url(../images/p3.png) center no-repeat; background-size:100%; right:5.62%;}

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

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

.goDown{width:45px; height: 26px; background:url(../images/p12.png) center no-repeat; background-size:100%; position: absolute; bottom:20px; left: 50%; margin-left:-22.5px;}

.goDown:hover{background-image:url(../images/p13.png);}



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

	.slide1 .list .textOn{width:260px; height: 338px;margin: -169px 0 0 -130px;}

}

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

	.slide1 .slick-dots{bottom:10px;}

    .goDown{display:none;}

    .slide1 .slick-dots li{ width:10px; height: 10px; margin:0 3px;}

}

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

	.slide1 .list .textOn{width:100px; height: 130px;margin: -65px 0 0 -50px;}

}



/*main*/

.index1{padding:100px 0;}

.index1List .list{background-color:#f5f5f5;}

.index1List .pic{width:50%; float:left; overflow: hidden;}

.index1List .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;}

.index1List .textRight{margin-left:50%; padding:75px 5.41% 0 8.59%;}

.title{font-weight:bolder; position: relative; z-index: 1;}

.title .H3{font-size:36px; color:#333333; font-family: Arial; text-transform: uppercase; font-weight: bolder; position: relative;}

.title .H3 .ico{width:79px; height: auto;position: absolute; top:5.5px; left:-98px; line-height: 0;}

.title .H4{font-size:30px; color:#333333; margin-top:10px;}

.index1List .p{font-size:16px; line-height: 36px; color:#333333; margin: 30px 0 60px 0; text-align: justify; height: 216px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 6;

-webkit-box-orient: vertical;}

.more{text-align:right; display: block; position: relative; z-index: 2; }

.more .span{display:inline-block; font-size:14px; color:rgba(51,51,51,0.5); font-family: Arial; text-transform: uppercase; position: relative; font-weight: bold;}

.more .span::after{width:56px; height: 2px; background-color:rgba(167,167,167,0.5); content:"";position: absolute; top:50%; margin-top:-1px; left:-75px;}

.index1List .list:hover .pic img{

transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.index1List .list:hover .more .span{color:#e3242a;}

.index1List .list:hover .more .span::after{background-color:#e3242a;}

.more:hover .span{color:#e3242a;}

.more:hover .span::after{background-color:#e3242a;}

.index1List .slick-prev,

.index1List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; }

.index1List .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%; left:10px;}

.index1List .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%; right:10px;}

.index1List .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index1List .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index1List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}

.index1List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#d3d3d3; margin:0 5px;}

.index1List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.index1List .textRight{padding:30px 5% 0 5%;}

	.index1List .p{margin:20px 0 40px 0; line-height: 30px; height: 180px;}

	.title{padding-left:90px;}

}

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

	.index1{padding:50px 0;}

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

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

	.title .H3 .ico{width:60px; left: -70px; top:4.5px;}

	.title{padding-left:70px;}

	.index1List .p{font-size:14px; line-height: 24px; height: 144px; margin: 18px 0;}

}

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

	.index1List .textRight{padding:10px 10px 0 10px;}

	.index1List .p{-webkit-line-clamp: 4; height:96px;}

	.index1List{padding-bottom:25px;}

}

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

	.index1{padding:20px 0;}

	.index1List .pic{width:100%;}

	.index1List .textRight{margin:0; padding:20px; float:left;}

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

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

	.title .H3 .ico{width:40px; left: -50px; top:3px;}

	.title{padding-left:50px;}

	.index1List .p{font-size:14px; line-height: 22px; height: 110px; margin: 10px 0;}

}



.index2{background-color:#5d606f; padding-top:95px; position: relative; overflow: hidden;}

.title2 .H3{color:#fff;}

.title2 .H4{color:#fff;}



.index2 .left_img{width:770px; margin-top:55px; z-index:99;}



.index2 .left_img .slick-prev,

.index2 .left_img .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:auto; bottom:63px; }

.index2 .left_img .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%; left:auto; right:74px;}

.index2 .left_img .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%; right:10px;}

.index2 .left_img .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index2 .left_img .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}





.index2 .text{width:100%;   padding:75px 4.9% 85px 4.9%; position: relative; z-index: 1;}

.index2 .text .H4{font-size:36px; color:#fff;}

.index2 .text .p{font-size:16px; color:#fff; line-height: 36px; margin: 53px 0 92px 0; height: 252px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 7;

-webkit-box-orient: vertical;}

.index2 .text .more{padding-right:10px;}

.index2 .text .more .span{color:#fff; font-size:14px;}

.index2 .text .more .span::after{background-color:#fff; opacity: 0.4; display:none;}









.index2List{width:59.11%; right:0;top:0; position: absolute; height: 100% }

.index2List .slick-dots{width:100%; padding-left:30%;left:0; bottom:50px; text-align: center; font-size:0; text-align:center;}

.index2List .slick-dots li{display:inline-block; vertical-align: bottom; width:12px; height: 12px; border-radius: 50%; background-color:#fff; margin:0 10px; opacity: 0.56;}

.index2List .slick-dots li.slick-active{background-color:#e3242a; opacity: 1;}

.index2 .text .more:hover .span{color:#5d606f;}

.index2 .text .more:hover .span::after{background-color:#5d606f;}



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

	.index2 .left_img{width:550px;}

    .index2 .text .more{padding-right:20px;}



}





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

	.index2{padding-top:50px;}

	.index2 .text{padding:40px 4% 40px 4%;}

	.index2 .text .H4{font-size:28px;}

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

	.index2 .left_img{width:450px;}

    .index2 .text .more{padding-right:30px;}



.index2 .left_img .slick-prev,

.index2 .left_img .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:auto; bottom:17px; }

.index2 .left_img .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%; left:auto; right:74px;}





}

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

	.index2List .slick-dots li{width:8px; height: 8px; margin:0 5px;}

}

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

	.index2{padding-top:20px;}

    .index2 .left_img{width:100%; margin-top:20px;}

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

	.index2List{position:relative; width:100%; padding:0 15px;}

	.index2List .list{background:none !important;}

	.index2List .slick-dots{padding-left:0;}

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

	.index2 .text .p{font-size:14px; line-height: 22px; height: 132px; margin: 10px 0;}

    .index2 .text .more{padding-right:26px;}

    .index2 .left_img .slick-prev,

.index2 .left_img .slick-next{width:28px; height: 28px; border-radius: 50%; overflow: hidden; top:auto; bottom:0px; }

.index2 .left_img .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%; left:auto; right:74px;}



}



.index3{/*padding:30px 0; */ padding-left:42px; padding-right: 0px; background-color:#FFFFFF;}

.index3 .container{ position: relative;}

.index3Margin{margin:0 -13px;}

.index3List{margin-top:25px;}

.index3List .list{width:26%; margin: 18px 25px; float: left; padding:16px 16px 16px 16px; box-sizing: border-box; box-shadow: 0 0 7px rgba(0,0,0,0.15);}

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

.index3List .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;



}

.index3List .text{padding:27px 4.35% 30px 4.35%; text-align:center; height: 360px;}

.index3List .H4{font-size:20px; color:#333333;}
.index3List .span{font-size:20px; color:#333333; text-align:center;}

.index3List .p{font-size:14px; color:#666666; line-height: 24px; margin-top:17px; height:238px; 

/* overflow : hidden; */

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp:4;

-webkit-box-orient: vertical;}

.index3List .list:hover .pic img{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

}

.index3List .list:hover .H4{color:#e3242a;}

.index3 .more{position:absolute; top:35px; right:150px;}

.index3List .slick-prev,

.index3List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-80px; transform: translate(0);}

.index3List .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}

.index3List .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%;right:15px;}

.index3List .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index3List .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index3List .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}

.index3List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.index3List .slick-dots li.slick-active{background-color:#e3242a;}







-------





.index8{/*padding:30px 0; */ padding-left:42px; padding-right: 0px; background-color:#FFFFFF;}

.index8 .container{ position: relative;}

.index8Margin{margin:0 -13px;}

.index8List{margin-top:25px;}

.index8List .list{width:26%; margin: 18px 25px; float: left; padding:16px 16px 16px 16px; box-sizing: border-box; box-shadow: 0 0 7px rgba(0,0,0,0.15);}

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

.index8List .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;



}

.index8List .text{padding:27px 4.35% 30px 4.35%; text-align:center; /*height: 360px; */}

.index8List .H4{font-size:20px; color:#333333;}
.index8List .span{font-size:20px; color:#333333; text-align:center;}

.index8List .p{font-size:14px; color:#666666; line-height: 24px; margin-top:17px; height:238px; 

/* overflow : hidden; */

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp:4;

-webkit-box-orient: vertical;}

.index8List .list:hover .pic img{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

}

.index8List .list:hover .H4{color:#e3242a;}

.index8 .more{position:absolute; top:35px; right:150px;}

.index8List .slick-prev,

.index8List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-80px; transform: translate(0);}

.index8List .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}

.index8List .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%;right:15px;}

.index8List .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index8List .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index8List .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}

.index8List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.index8List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.index3 .more{top:15px;}

	.index3{padding:50px 0;}

	.index3List .text{padding:15px;}

	.index3List .H4{font-size:18px;}

}

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

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

	.index3List .list{padding:10px;}

	.index3List .text{padding:10px 0 0 0;}

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

	.index3List .p{font-size:14px; line-height: 22px; height: 88px; margin-top:10px;}

	.index3List .slick-prev,

	.index3List .slick-next{top:-28px; width:28px; height: 28px; background-size:100%;}

	.index3 .more{top:40px; right:15px;}

	.index3List{margin-top:10px; padding-bottom:30px;}

	.index3Margin {margin:0 -5px;}

}



.index4{background-color:#f5f5f5; padding:95px 0 120px 0;}

.index4 .container{ position: relative;}

.index4List{margin-top:35px;}

.index4Margin{margin:0 -15px;}

.index4List .list{width:96.25%; margin: auto;}

.index4List .list .pic{overflow:hidden;}

.index4List .list .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;

}

.index4List .text{width:83.11%; margin-top:-110px; background-color:#fff; position: relative; z-index: 1; padding:26px 15px 28px 15px;

-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;}

.index4List .text .H4{font-size:20px; color:#333333;}

.index4List .text .p{font-size:16px; color:#333333; margin: 12px 0 28px 0;}

.index4List .text .H5{font-size:14px; color:#333333; opacity: 0.8;}

.index4List .text .more{margin-top:-15px; opacity: 0;}

.index4List .text .more .span{color:#fff;}

.index4List .text .more .span::after{background-color:#fff; opacity: 0.4;}

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

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.index4List .list:hover .text{background-color:#e3242a; margin-top:-132px;}

.index4List .list:hover .H4,

.index4List .list:hover .H5,

.index4List .list:hover .p{color:#fff; opacity: 1;}

.index4List .list:hover .more{opacity:1;}

.index4 .container > .more{position:absolute; top:35px; right:150px;}

.index4List .slick-prev,

.index4List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-90px; transform: translate(0);}

.index4List .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}

.index4List .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%;right:15px;}

.index4List .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index4List .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.index4List .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}

.index4List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.index4List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.index4{padding:50px 0;}

	.index4List .text .H4{font-size:18px;}

	.index4List .text .p{font-size:14px; margin: 15px 0;}

	.index4List .text{padding:20px; margin-top:-70px;}

	.index4List .list:hover .text{ margin-top:-90px;}

	.index4 .container > .more{top:15px;}

}

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

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

	.index4List .text{width:100%; padding:10px; background-color:rgba(255,255,255,0.7); margin-top:-87px;}

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

	.index4List .text .p{font-size:14px; margin: 10px 0;}

	.index4List .text .H5{font-size:14px;}

	.index4List .slick-prev,

	.index4List .slick-next{top:-38px; width:28px; height: 28px; background-size:100%;}

	.index4 .container > .more{top:40px; right:15px;}

	.index4List{margin-top:20px; padding-bottom:40px;}

	.index4Margin {margin:0 -5px;}

}



.index5{padding:100px 0;}

.index5 .index1List .slick-dots{width:100%; left: 0; bottom:-50px; text-align: center; line-height: 0;}

.index5 .index1List .slick-dots li{display:inline-block; vertical-align: bottom; width:12px; height: 12px; border-radius: 50%; background-color:#b7bec4; margin:0 10px;}

.index5 .index1List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.index5 .index1List .pic{width:40%;}

	.index5 .index1List .textRight{margin-left:40%;}

	.index5 .index1List .p{height:150px; -webkit-line-clamp: 5; margin:10px 0 20px 0;}

}

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

	.index5{padding:50px 0;}

	.index5 .index1List .textRight{padding:20px 3% 0 3%;}

	.index5 .index1List .p{height:120px;}

}

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

	.index5{padding:50px 0;}

	.index5 .index1List .slick-dots{bottom:0;}

	.index5 .index1List .slick-dots li{width:8px; height: 8px; margin: 0 5px;}

	.index5 .index1List .pic{width:50%;}

	.index5 .index1List .textRight{margin-left:50%;}

	.index5 .index1List .p{height:72px; -webkit-line-clamp: 3;}

}

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

	.index5{padding:20px 0;}

	.index5 .index1List .pic{width:100%;}

	.index5 .index1List .textRight{margin:0; padding:20px;}

}



.index6{padding:100px 0 90px 0;}

.index6 .container{position:relative;}

.index6 .more{position:absolute; top:40px; right:15px;}

.index6 .down{margin-top:45px;}

.inNew1{width:34%; float:left;}

.inNew1 .pic{height:535px;}

.inNew1 .text{padding:24px 6.91% 20px 5.6%; background-color:#a2d5b9; position: relative; z-index: 1;}

.inNew1 .text .time{float:left; font-weight:bolder;}

.inNew1 .text .time .H5{font-size:36px; color:#fff; font-weight: bolder; }

.inNew1 .text .time .H6{font-size:14px; color:#fff; margin-top:5px;}

.inNew1 .text .H4{margin:5px 0 0 76px; font-size:20px; color:#fff; line-height: 28px; height: 56px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.inNew1 .text .p{font-size:14px; color:#fff; float:left; width:100%; margin-top:30px;}

.inNew2{width:66%; float:left;}

.inNew2 .list{width:33.33%; position: relative; padding-bottom:345px; float:left;box-sizing: content-box;}

.inNew2 .list2{padding:345px 0 0 0;}

.inNew2 .list .text{position:relative; background-color:#f5f5f5; padding:45px 8.69% 0 8.69%; height: 345px;}

.inNew2 .list .text .time{padding-bottom:25px; border-bottom:1px solid #d9d9d9;}

.inNew2 .list .text .time .H5{font-size:36px; color:#333333; font-weight: bold;}

.inNew2 .list .text .time2 .H5{font-size:24px; color:#333333; font-weight: bold;}

.inNew2 .list .text .time .H6{font-size:14px; color:#333333; margin-top:7px;}

.inNew2 .list .text .H4{font-size:20px; line-height: 28px; height: 56px; margin: 25px 0 10px 0;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.inNew2 .list .text .p{font-size:14px; line-height: 24px; height: 48px; color:#888888;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.inNew2 .list .text .span{width:27px; height: 11px; line-height: 0; position: absolute; bottom:-11px; left: 50%; margin-left:-13.5px;}

.inNew2 .list2 .text .span{ top:-11px; bottom:auto;}

.inNew2 .list .pic{width:100%; height: 345px; position: absolute; bottom:0; left: 0;}

.inNew2 .list2 .pic{ bottom:auto;top:0; left: 0;}

.inNew2 .list:hover .time .H5,

.inNew2 .list:hover .time .H6,

.inNew2 .list:hover .H4{color:#a2d5b9;}



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

	.inNew2 .list .text{height:280px; padding-top:30px;}

	.inNew2 .list{padding-bottom:280px;}

	.inNew2 .list2{padding:280px 0 0 0;}

	.inNew2 .list .pic{height:280px;}

	.inNew1 .pic{height:405px;}

}

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

	.index6{padding:50px 0;}

	.inNew2 .list .text .time .H5{font-size:30px;}

    .inNew2 .list .text .time2 .H5{font-size:18px;}

	.inNew2 .list .text .time{padding-bottom:10px;}

	.inNew2 .list .text .H4{font-size:18px; margin: 10px 0;}

	.inNew2 .list .text{height:230px; padding-top:20px;}

	.inNew2 .list .pic{height:230px;}

	.inNew2 .list{padding-bottom:230px;}

	.inNew2 .list2{padding:230px 0 0 0;}

	.inNew1 .text .time .H5{font-size:30px;}

	.inNew1 .text .H4{font-size:18px;}

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

	.inNew1 .text{padding:20px 5%;}

	.inNew1 .pic{height:329px;}

}

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

	.inNew1 .pic{background:none !important; height: auto;}

	.inNew1{width:42%;}

	.inNew2{width:56%; margin-left:2%;}

	.inNew2 .list{width:100%; padding:0 !important; margin-bottom:20px;}

	.inNew2 .list:last-child{margin-bottom:0;}

	.inNew2 .list .pic{height:auto; width:130px; float:left; position: static;background:none !important;}

	.inNew2 .list .text{margin-left:140px; padding:0; height: auto; background:none;}

	.inNew2 .list .text .time .H5,

	.inNew2 .list .text .time .H6{display:inline-block;}

	.inNew2 .list .text .time{padding:5px 0;}

	.inNew2 .list .text .H4{font-size:14px; line-height: 20px; height: 40px; margin: 5px 0;}

	.inNew2 .list .text .p{font-size:14px; height: 36px; line-height:18px;}

	.inNew2 .list .text .span{display:none;}

	.inNew1 .text .H4{font-size:14px; height: 40px; line-height: 20px; margin: 14px 0 0 65px;}

	.inNew1 .text .p{font-size:14px;}

}

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

	.index6{padding:20px 0;}

	.index6 .down{margin-top:20px;}

	.inNew1{width:100%;}

	.inNew2{width:100%; margin: 20px 0 0 0;}

	.inNew1 .text{padding:20px;}

	.inNew1 .text .time .H5,

	.inNew2 .list .text .time .H5{font-size:20px;}

	.inNew1 .text .H4{margin-top:5px;}

	.inNew2 .list{margin-bottom:10px;}

}



/*bottom*/

.bottom{background-color:#34363f; padding-top:40px;}

.bottom1{/*width:21.97%;*/ float:left; padding:22px 40px 0px 0; border-right:1px solid #494a53;}

.bottom1 .bLogo{width:220px; }

.bAddress{margin:25px 0 32px 0;}

.bAddress .H4{font-size:26px; color:#fff; font-family: Arial; line-height: 40px;}

.bAddress .H5{font-size:14px; color:#fff; line-height: 36px; opacity: 0.6;}

.bShare .list{width:34px; height: 34px; border-radius: 50%; margin-right:10px; background-color:#494a53; position: relative; float:left;}

.bEwm{width:100px; height: 100px; position: absolute; bottom:34px; left: 50%; margin-left:-50px; background-color:#fff; height: 0; overflow: hidden; box-sizing: border-box;

-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 .img{width:90px; height: 90px; margin: 5px; display: block;}

/*hover*/

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

	.bShare .list:hover{background-color:#e3242a;}

   .bShare .list:hover .bEwm{height:100px;}

}

.bottom2{/*width:54.96%;*/ margin-left:40px; float:left;}

.bottom2 .list{float:left; padding-right:40px;}

.bottom2 .list:last-child{padding-right:0;}

.bottom2 .H4{font-size:18px; color:#fff; margin: 39px 30px 18px 0;}

.bottom2 a{font-size:14px; color:#fff; line-height: 36px; opacity: 0.6; display: block;}

.bottom2 a:hover{opacity:1;}

.bSearch{width:170px; height: 40px; float:right; background-color:#494a53; margin: 88px 0 0 0;}

.bSearch .bSubmit{width:40px; height: 40px; display: block; float:right;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:0}

.bSearch .bInput{margin-right:40px; padding:0 0 0 14px;}

.bSearch .bInput .input{width:100%; height: 40px; display: block; font-size:14px; color:#fff; background:none;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:0}

.bSearch .bInput .input::-webkit-input-placeholder{font-size:14px; color:#fff; opacity: 0.6}  

.bSearch .bInput .input::-moz-placeholder{font-size:14px; color:#fff;opacity: 0.6}                      

.bSearch .bInput .input::-ms-input-placeholder{font-size:14px; color:#fff;opacity: 0.6} 

.bottom3{padding:37px 0 26px 0;}

.bLink{text-align:center; display:none;}

.bLink .list{display:inline-block; font-size:14px; color:#fff; opacity: 0.6;}

.bLink .scrollBox,

.bLink .scroll{display:inline-block;

-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;

}

.bLink .i1{margin:0 9.5px; color:#575959;}

.bLink .top .ico{display:none;

-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;

}

.bLink .a:hover{opacity:1;}

.cr{text-align:center;font-size:14px; color:#fff; opacity: 0.6; margin-top:13px; letter-spacing: 1px;}

.cr .br{display:none;}



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

	.bottom2{margin-left:30px;}

	.bLink .i1{margin:0 8px;}

    .bottom1 .bLogo{width:180px; }

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

    .bottom2 a{font-size:13px;}

    .bottom2 .list:nth-child(8),

    .bottom2 .list:nth-child(9){display:none;}

    .bottom1{padding-right:30px;}

    .bottom2 .list{padding-right:30px;}



}

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

    .bottom1{padding-right:20px;}

	.bottom1 .bLogo{width:160px;}

	.bAddress .H4{font-size:20px; line-height: 30px;}

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

    .bottom2{margin-left:20px;}

    .bottom2 .list{padding-right:18px;}

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

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

	.bLink .list,

	.cr{font-size:14px;}

	.bSearch{width:140px; margin-top:70px;}

	.bottom3{padding:20px 0;}

	.bLink .i1{margin:0 5px;}

}

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

	.bShare .list.active{background-color:#e3242a;}

   .bShare .list.active .bEwm{height:100px;}

	.bottom1{width:30%;}

	.bottom2{width:67%;}

	.bSearch{float:left; margin:40px 0 0 20px;}

	.bLink{width:180px; height: 34px; background-color:#494a53; position: relative; margin: auto;}

	.bLink .top{width:100%; height: 34px; line-height: 34px; padding:0 40px 0 10px; position: relative; text-align: left;}

	.bLink .top .ico{width:20px; height: 20px; position: absolute; top:7px; right:10px; display: block; line-height: 0;}

	.bLink .scrollBox{width:100%; height: 0;overflow-x: hidden; overflow-y: auto; position: absolute; bottom:35px; left: 0; background-color:#494a53;}

	.bLink .scrollBox .scrol{ margin: 10px;}

	.bLink .i1{display:none;}

	.bLink .scrollBox .scrol .a{display:block; line-height: 30px; text-align: left;}

	.bLink.active .scrollBox{height:140px;}

	.bLink .top.active .ico{transform: rotate(180deg);}

    .bottom1{width:100%; padding:0; border:none;}

    .bottom2,

	.bSearch{display:none;}

    .bottom{padding-top:20px;}

	.bottom1 .bLogo{width:120px; margin: 0 auto;}

}

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

	

	

	.bAddress{margin:10px 0; text-align:center;}

	.bAddress .H4{font-size:14px; line-height: 20px;}

	.bAddress .H5{font-size:14px; line-height: 20px;}

	.bShare {text-align:center; padding-top:10px; border-top:1px solid rgba(255,255,255,0.2);}

	.bShare .list{float:none; display:inline-block; margin: 0 4px;}

	.bottom3{padding:10px 0;}

	.cr{font-size:11px;}

	.cr .br{display:block;}

}



.goTop{width:62px; height: 62px; background-color:#e3242a; border-radius: 50%; position: fixed; z-index: 999; right:2.44%; bottom:30px; cursor: pointer;}

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

	.goTop{width:30px; height: 30px; right:10px;}

}



/*关于我们*/

.bannerBg{width:100%; height: 100%; /* position: absolute; */top:0; left: 0; background:url(../images/p23.png) center repeat;}

.bannerTextBox{width:100%; left: 0; top:50%; position: absolute; z-index: 1;

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

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

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

.bannerText{padding:0 12.73%;}

.bannerText .H3{font-size:60px; color:#fff; font-family: Arial; text-transform: uppercase; font-style: italic; font-weight: bold;}

.bannerText .H4{font-size:24px; color:#fff; margin: 18px 0 34px 0;}

.bannerText .H5{font-size:16px; color:#fff;}



.bodyBg{background-color:#f5f5f5;}

.bodyPad{padding:0 10.19%;}

.pageNavBox{ position: absolute; z-index: 2; position: absolute; bottom:12.68%; width:100%; left: 0;}

.pageNav{padding:0 12.73%;}

.pageNav a{float:left; width:184px; height: 52px; line-height: 52px; background-color:#e3242a; margin-right:20px; font-size:16px; color:#fff; text-align: center;}

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

.pageNav a:hover{background-color:#5d606f;}

.pageNav a.hover{background-color:#5d606f;}





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

	.bannerText{-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);transform: translate(0, -50%);}

	.bannerText,

	.pageNav{padding:0 6%;}

	.bannerText .H3{font-size:50px;}

	.bannerText .H4{margin:10px 0 30px 0;}

}

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

	.bannerText,

	.pageNav{padding:0;}

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

	.bannerText .H4{font-size:20px; margin: 10px 0 20px 0;}

	.pageNav a{width:160px; height: 40px; line-height: 40px; font-size:14px;}

}

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

	.pageNavBox{display:none;}

	.bannerTextBox{-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);}

	.bannerText .H3{font-size:26px;}

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

	.bannerText .H5{font-size:14px;}

}



/*内页下拉*/

.babyserBox{position: relative; height: 41px; width:100%; display: none; background-color:#f5f5f5;}

.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}

.babyser h2{ float:left; width:100%; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:40px; }

.babyser h2 .imgr{ float:right; margin:10px 0 0 0;}

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

    .babyser h2 .imgr{ float:right; margin:12px 0 0 0;

        transition: all 0.2s linear;

    }

    .babyser h2.active .imgr{

        -webkit-transform:rotate(180deg);

        -moz-transform:rotate(180deg);

        -o-transform:rotate(180deg);

        transform:rotate(180deg);

    }

}

.pz_SideLayerph{ display:none;  background-color:#f5f5f5;}

.pz_SideLayerph .l1{}

.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}

.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}

.pz_SideLayerph .l1 h3.active a{ color:#337ab7;}

.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}

.pz_SideLayerph .l1 h3 img.img3{ display:block;}

.pz_SideLayerph .l1 h3 img.img3h{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

.pz_SideLayerph .l1 .l1ul{ display:none;}

.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}

.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}

.pz_SideLayerph .l1 .l1ul li a{color:#999999;}



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

	.babyserBox{display:block;}

}



.about1{background-color:#fff; margin: 0px 6% 30px 6%;}

.about1Text{padding:55px 3.2% 50px 3.2%;}

.about1Text .H4{font-size:30px; color:#333333;}

.about1Text .p{font-size:16px; color:#666666; line-height: 26px; margin: 35px 0;}

.about1Mar{margin:0 -15px;}

.about1List .list{width:92.5%; margin:10px auto; box-shadow: 0 0 14px rgba(0,0,0,0.08);}

.about1List .list .pic{overflow:hidden;}

.about1List .list .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;

}

.about1List .text{padding:17px 70px 18px 18px; position: relative;}

.about1List .text .H5{font-size:20px; color:#333333;}

.about1List .text .H6{font-size:14px; color:#888888; margin-top:10px;}

.about1List .text .ico{width:38px; height: 38px; border:1px solid #e2e2e2; border-radius: 50%; position: absolute;top:15px; right:20px; background:url(../images/p24.png) center no-repeat; background-size:100%;}

.about1List .list:hover .text{background-color:#e3242a;}

.about1List .list:hover .text .H5{color:#fff;}

.about1List .list:hover .text .H6{color:#fff; opacity: 0.8;}

.about1List .list:hover .text .ico{background-image:url(../images/p25.png); background-color:#e3242a; border-color:#ffffff;}

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

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.about1List .slick-prev,

.about1List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; }

.about1List .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%; left:-70px;}

.about1List .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%; right:-70px;}

.about1List .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.about1List .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.about1List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}

.about1List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#d3d3d3; margin:0 5px;}

.about1List .slick-dots li.slick-active{background-color:#e3242a;}



.about1List2{padding-bottom:90px;}

.about1List2 .list{}

.about1List2 .pic{width:50%; float:right; height: 448px;}

.about1List2 .textL{margin-right:49.9%; padding:52px 3.6% 64px 3.2%; background:url(../images/j20.jpg) bottom center no-repeat; background-size:cover;}

.pTitle{font-weight:bolder;}

.pTitle .H3{display:inline-block; font-size:32px; color:#fff; font-weight: bold; vertical-align: bottom;}

.pTitle .H4{display:inline-block; font-size:24px; color:#fff; font-family: Arial; text-transform: uppercase; margin-left:8px; font-weight: bolder;}

.about1List2 .H5{font-size:24px; color:#fff; margin: 30px 0 20px 0;vertical-align: bottom;}

.about1List2 .p{font-size:16px; line-height: 36px; color:#fff; height:190px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 6;

-webkit-box-orient: vertical;}

.about1List2 .slick-dots{width:100%; left: 0; bottom:40px; text-align: center; line-height: 0;}

.about1List2 .slick-dots li{display:inline-block; vertical-align: bottom; width:12px; height: 12px; border-radius: 50%; background-color:#b7bec4; margin:0 8px;}

.about1List2 .slick-dots li.slick-active{background-color:#e3242a;}



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

	.bodyPad{padding:0 6%; background-color:#FFFFFF;}

}

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

	.bodyPad{padding:0; background-color:#FFFFFF;}

	.about1Text{padding:30px 2%;}

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

	.about1Text .p{font-size:14px; margin: 15px 0;}

	.about1List .text .H5{font-size:18px;}

	.about1List2 .textL{padding:30px 2%;}

	.pTitle .H3{font-size:26px;}

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

	.about1List2 .H5{font-size:20px; margin: 15px 0;}

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

	.about1List2 .pic{height:360px;}

}

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

	.about1List2 .slick-dots li{width:8px; height: 8px; margin: 0 5px;}

	.about1{margin:30px 0;}

	.about1List{padding-bottom:25px;}

	.about1List2{padding-bottom:50px;}

	.about1List2 .slick-dots{bottom:20px;}

}

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

	.about1{margin:10px 0;}

	.about1Text{padding:20px 10px;}

	.about1Text .H4{font-size:18px;}

	.about1Text .p{font-size:14px; line-height: 22px;}

	.about1Mar{margin:0 -5px;}

	.about1List{padding-bottom:15px;}

	.about1List .text .ico{display:none;}

	.about1List .text{padding:10px;}

	.about1List .text .H5{font-size:16px;}

	.about1List .text .H6{font-size:14px;}

	.about1List2 .pic{width:100%; height: auto; background:none;}

	.about1List2 .textL{width:100%; float:left; padding:20px 10px; margin: 0;}

	.pTitle .H3{font-size:20px;}

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

	.about1List2 .H5{font-size:16px; margin: 10px 0;}

	.about1List2 .p{font-size:14px; line-height: 22px; height: 132px;}

}



.about2{background-color:#fff; padding:40px 3.2%;}

.pTitle2 .H3{color:#333333; font-size:30px; font-weight: normal;}

.pTitle2 .H4{color:#e3242a;}

.about2HMar{margin:0 -15px;}

.about2HList{}

.about2HList .list{width:92.15%; margin:25px auto auto auto;}

.about2HList .pic{width:100%; height: auto; box-shadow: 0 0 14px rgba(0,0,0,0.08); position: relative;}

.about2HList .pic .imgOn{width:100%; height: 100%; position: absolute; top:0; left: 0; background-color:rgba(139,203,168,0.8); 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;

}

.about2HList .pic .imgOn .ico{width:38px; height: 38px; display: block; position: absolute; top:50%; left: 50%; margin: -19px 0 0 -19px; line-height: 0;}

.about2HList .H5{text-align:center; font-size:16px; color:#333333; margin:18px 0 28px 0; }

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

	.about2HList .list .listBox:hover .pic .imgOn{transform: scale(1);}

}

.about2HList .slick-prev,
/*
.about2HList .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-30px; transform: translate(0);}

.about2HList .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}

.about2HList .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%;right:15px;}

.about2HList .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.about2HList .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

*/

.about2H2{margin-top:33px;}

.about2H2Box{padding:13px 0 40px 0; border-top:2px solid #f5f5f5; position: relative; margin-top:20px;}

.about2H2Box::after{width:1px; height: 100%; background-color:#f5f5f5; content:""; position: absolute; top:0; left: 111px;}

.about2H2List .list{margin-top:30px;}

.about2H2List .time{width:89px; height: 89px; line-height: 89px; border-radius: 20%; font-size:24px; color:#333333; font-family: Arial;font-weight: bold; position: relative; float:left; background-color:#f5f5f5; text-align: center;}

.about2H2List .time .ico{width:33px; height: 22px; right:-33px; top:50%; margin-top:-11px; background:url(../images/p27.png) center no-repeat; background-size:100%; position: absolute;z-index: 1;}

.about2H2List .textR{margin-left:137px;}

.about2H2List .textR .p{font-size:14px; line-height: 30px; color:#333333; padding:20px; border-radius: 14px; background-color:#464646; min-height: 100px;}

.about2H2List .list:hover .time{background-color:#e27979; color:#ffffff;box-shadow:0 9px 13px rgba(0,0,0,0.07);}

.about2H2List .list:hover .p{background-color:#464646; color:#fff;box-shadow:0 9px 13px rgba(0,0,0,0.07);}

.about2H2List .list:hover .time .ico{background-image:url(../images/p28.png);}

.about2H2 .more2{width:158px; height: 48px; display: block; background-color:#e3242a; line-height: 48px; margin-left:30px; font-size:16px; color:#fff; text-align: center;}

.about2H2 .more2:hover{opacity:0.6;}

.about2HList .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}

.about2HList .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.about2HList .slick-dots li.slick-active{background-color:#e3242a;}



/*点击查看大图*/

.bigImgBox{width:100%; height: 100%; position: fixed; z-index: 9999; top:0; left: 0; display: none; background-color:rgba(0,0,0,0.5);}

.bigImg{width:40%; position: absolute; top:50%; left: 50%; z-index: 99999;

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

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

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

.bigImg2{ min-height: 100px;}

.closeBox{width:30px; height: 30px; position: absolute; top:-15px; right: -15px; cursor: pointer;}



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

	.pTitle2 .H3{font-size:26px;}

	.about2{padding:10px 2%;}

}

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

	.about2{padding:20px 10px;}

	.about2HMar{margin:0 -5px;}

}

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

	.pTitle2 .H3{font-size:20px;}

	.about2HList .H5{font-size:14px; margin: 10px 0 15px 0;}

	.about2H2{margin-top:20px;}

	.about2H2List .time{width:60px; height: 60px;line-height: 60px; font-size:18px;}

	.about2H2List .textR{margin-left:100px;}

	.about2H2Box::after{left:82px;}

	.about2H2List .textR .p{padding:10px; font-size:14px; line-height: 22px; max-height: 140px; overflow-y: auto; border-radius: 6px;}

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

	.about2H2 .more2{width:130px; height: 32px; line-height: 32px; font-size:13px; margin-left:20px;}

	.about2HList{margin-top:0; padding-bottom:20px;}

	.bigImg{width:90%;}

}



.about3{padding:38px 3.2% 30px 3.2%; background-color:#fff; margin:30px 0 0px 0;}

.about3Mar{margin:0 -9px;}

.about3List{padding-top:10px;}

.about3List .list{width:90.9%; margin: auto;}

.about3List .list .pic{ margin: 9px 0; border:1px solid #ececec; box-sizing: border-box; overflow: hidden;}

.about3List .list .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;}

.about3List .slick-prev,

.about3List .slick-next{width:32px; height: 32px; border-radius: 50%; overflow: hidden; top:-30px; transform: translate(0);}

.about3List .slick-prev{background:url(../images/p7.png) center no-repeat; background-size:100%;left:auto; right:65px;}

.about3List .slick-next{background:url(../images/p8.png) center no-repeat; background-size:100%;right:15px;}

.about3List .slick-prev:hover{background-image:url(../images/p10.png) ;box-shadow: 0 0 15px rgba(5,160,129,0.15);}

.about3List .slick-next:hover{background-image:url(../images/p9.png) ; box-shadow: 0 0 15px rgba(5,160,129,0.15);}

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

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.about3List .slick-dots{width:100%; left: 0; bottom:10px; text-align: center; line-height: 0;}

.about3List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.about3List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.about3{padding:30px 2% 20px 2%;}

}

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

	.about3{padding:20px 10px 10px 10px;}

}

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

	.about3{margin:30px 0;}

}

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

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

	.about3{margin:10px 0 20px 0;}

}



/*产品介绍*/

.productBox{padding-bottom:170px; position: relative;}

.product .list{padding:140px 0;}

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

.product .box{padding:0 12.73%;}

.product .pic{width:42.56%; float:left; overflow: hidden;}

.product .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;}

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

.product .text{margin-left:42.56%; padding-left:14.52%;}

.product .list:nth-child(2n) .text{margin:0 42.56% 0 0; padding:0 14.52% 0 0;}

.product .H4{font-size:36px; color:#222222; position: relative; padding:27px 0 38px 0;}

.product .H4::after{width:22px; height: 3px; background-color:#e3242a; content: ""; position: absolute; bottom:0; left: 0;}

.product .p{font-size:18px; color:#666666; line-height: 36px; height: 144px; margin: 12px 0 57px 0; letter-spacing: 1px;

	overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 4;

-webkit-box-orient: vertical;}

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

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.product .list .box:hover .more .span{color:#e3242a;}

.product .list .box:hover .more .span::after{background-color:#e3242a;}

.loading2{width:50px; height: 50px; position: absolute; bottom:60px; left: 50%; margin-left:-25px;}



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

	.product .box{padding:0 6%;}

	.product .list{padding:100px 0;}

}

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

	.product .box{padding:0;}

	.product .list{padding:50px 0}

	.product .text{padding-left:8%;}

	.product .H4{font-size:26px; padding:10px 0 20px 0;}

	.product .p{font-size:16px; margin: 10px 0 50px 0;}

}

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

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

	.productBox{padding-bottom:100px;}

	.loading{width:30px; height: 30px; bottom:35px; margin-left: -15px;}

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

	.loading2{bottom:26px; width:30px; height: 30px;}

}

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

	.product .list{padding:20px 0 10px 0;}

	.product .pic{width:120px; float:left !important;}

	.product .text{margin:0 0 0 130px !important; padding:0 !important;}

	.product .H4{font-size:16px; padding:0 0 10px 0;}

	.product .H4::after{height:2px;}

	.product .p{font-size:14px; line-height: 20px; height: 40px; margin: 5px 0;text-align: justify;-webkit-line-clamp: 2;}

	.product .p br{display:none; }

	.productBox{padding-bottom:70px}

	.dropload-refresh{font-size:14px}

	.dropload-load .loading{width:30px !important; height: 30px !important;}

}



/*产品详情*/

.proDeBox{padding:80px 12.73%;}

.proDeList {width:40.17%; float:left;}

.proDeList .hometop .list{width:100%; overflow: hidden;}

.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; background-color:rgba(0,0,0,0.6); z-index: 9999; display: none;}

.video{width:60%; height: auto; top:50%; left: 50%;  position: fixed; z-index: 99999; display: none;

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

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

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

.video .video2{display:block; width:100%; }

.proDeList .downk{margin:0 -5px;}

.proDeList .homedown{margin-top:10px;}

.proDeList .homedown .list{width:91.66%; margin: auto; box-sizing: border-box; position: relative;}

.proDeList .homedown .list:hover::after{border:3px solid #e3242a; width:100%; height: 100%; position: absolute; top:0; left: 0; content: "";}

.proDeBox .textRight{width:48.11%; float:left; margin-left:5.12%;}

.proDeBox .textRight .H4{font-size:30px; color:#333333; font-weight: bold; position: relative; padding:20px 0 31px 0;}

.proDeBox .textRight .H4::after{width:20px; height: 3px; content: ""; background-color:#e3242a; position: absolute; bottom:0; left: 0;}

.proDeBox .textRight .text{font-size:16px; line-height: 24px; margin: 16px 0 30px 0;}

.proDeBox .textRight .p{font-size:16px; color:#333333; line-height: 24px;}

.proDeBox .online{display:block; width:127px; height: 45px; border-radius: 4px; line-height: 45px; text-align: center; background-color:#e3242a; margin-top:40px; font-size:16px; color:#fff;}

.proDeBox .online:hover{opacity:0.6;}

.proDeBox .down1{margin-top:40px;}

.proDeBox .downTitle{width:100%; height: 60px; line-height: 60px; position: relative; border-bottom:1px solid #d1d1d1; font-size:24px; color:#e3242a;}

.proDeBox .downTitle::after{width:107px; height: 1px; background-color:#e3242a; content: ""; position: absolute; bottom:0; left: 0;}

.proDeBox .down1 .p{font-size:16px; color:#666666; line-height: 30px; margin: 28px 0 18px 0;}

.proDeBox .down1 .imgBox .img{width:48.71%; margin-right:2.58%; float:left;}

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

.proDeBox .down2{margin-top:32px;}

.proDeBox .down2 .p{font-size:16px; color:#666666; line-height: 30px; margin-top:23px;}

.proDeBox .down2 .p .dot{font-size:14px; font-family: Arial;}

.proDeBox .down3{margin-top:30px;}

.proDeBox .down3De {margin-top:6px;}

.proDeBox .down3De .list{border-bottom:1px dashed #c4c4c4; padding:15px 0;}

.proDeBox .down3De .list .p{line-height:30px; float:left; width:32%; font-size:16px; color:#666666;}



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

	.proDeBox{padding:80px 6%;}

	.proDeBox .textRight{width:52%;}

}

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

	.proDeBox{padding:50px 0;}

	.proDeBox .textRight .H4{font-size:24px; padding:10px 0 20px 0;}

	.proDeBox .textRight .text{font-size:14px; margin: 10px 0;}

	.proDeBox .textRight .p{font-size:14px;}

	.proDeBox .downTitle{font-size:20px;}

	.proDeBox .down1 .p,

	.proDeBox .down3De .list .p,

	.proDeBox .down2 .p{font-size:14px;}

}

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

	.proDeList{width:60%; margin: auto; float:none;}

	.proDeList .downk{margin:0;}

	.proDeBox .textRight{width:100%; float:none; margin: 20px 0 0 0;}

}

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

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

	.proDeList{width:100%;}

	.video{width:90%;}

	.proDeBox .textRight .H4{font-size:18px; padding:0 0 10px 0;}

	.proDeBox .textRight .H4::after{height:2px;}

	.proDeBox .textRight .text,

	.proDeBox .textRight .p{font-size:14px; line-height: 20px; }

	.proDeBox .online{width:100px; height: 30px; line-height: 30px; font-size:13px; margin-top:20px;}

	.proDeBox .down1,

	.proDeBox .down2,

	.proDeBox .down3{margin-top:10px;}

	.proDeBox .downTitle{font-size:16px; height: 40px; line-height: 40px;}

	.proDeBox .down1 .p,

	.proDeBox .down3De .list .p,

	.proDeBox .down2 .p{font-size:14px; line-height: 20px; margin: 10px 0; width:100%;}

	.proDeBox .down3De .list{padding:5px 0;}

	.proDeBox .down3De .list .p{margin:0;}

}



/*解决方案*/

.soluBox{padding:60px 12.73% 80px 12.73%;}

.soluBox .index3List{padding-bottom:33px; margin: 0;}

.soluBox .index3List .list{width:31.62%; float:left; margin:0 2.57% 28px 0; background-color:#fff;}

.soluBox .index3List .list:nth-child(3n){margin-right:0;}

.soluBox .index3List .list .pic .img{padding-bottom:56.17%; position: relative; display: block;}

.soluBox .index3List .list .pic .img img{position:absolute; top:0; left: 0; width:100%; min-height: 100%;}



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

	.soluBox{padding:60px 6% 80px 6%;}

}

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

	.soluBox{padding:50px 0;}

}

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

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

	.soluBox .index3List{padding-bottom:20px;}

	.soluBox .index3List .list{width:100%; margin: 0 0 10px 0;}

	.soluBox .index3List .pic{width:120px; float:left;}

	.soluBox .index3List .text{margin-left:130px; padding:0;}

	.soluBox .index3List .p{height:44px; -webkit-line-clamp: 2; margin-top:5px;}

}





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

.paging a{display:inline-block; vertical-align: middle; width:38px; height: 38px; border-radius: 30px; line-height: 36px; text-align: center; font-size:14px; color:#666666; margin: 0 4px; border:1px solid #e1e1e1; box-sizing: border-box; background-color:#fff;}

.paging .pageup{width:100px; /* background:url(../images/p32.png) center no-repeat #fff;  */ background-size:100%;}

.paging .pagedown{width:100px;/*  background:url(../images/p31.png) center no-repeat #fff;*/ background-size:100%;}

.paging .pageup:hover{/* background-image:url(../images/p29.png);*/}

.paging .pagedown:hover{/* background-image:url(../images/p30.png);*/}

.paging .pageup.hover{/* background-image:url(../images/p29.png);*/}

.paging .pagedown.hover{/* background-image:url(../images/p30.png);*/}

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

.paging .aPh{font-size:14px; color:#333; margin: 0 5px; display:none; vertical-align: middle;}



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

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

}



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

	.paging .a{display:none;}

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

}



/*解决方案详情*/

.soluDeBox .online{margin-top:74px;}

.soluDeBox .down1 .p{font-size:18px; line-height: 36px; margin: 40px 0 60px 0;}

.soluDeBox .imgBox{text-align:center;}

.soluDeBox .down1 .imgBox .img{display:inline-block; float:none; margin: 0; width:auto;}



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

	.soluDeBox .down1 .p{font-size:14px; line-height: 30px;}

}

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

	.soluDeBox .online{margin-top:20px;}

	.soluDeBox .down1 .p{font-size: 12px;line-height: 20px;margin: 10px 0;}

}



/*用户案例*/

.caseBox{padding: 30px 12.73% 80px 12.73%;}

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

.caseBox .index4List .list{width:48.71%; margin: 0 2.58% 30px 0; float:left;}

.caseBox .index4List .list:nth-child(2n){margin-right:0;}

.caseBox .index4List .list .pic .img2{ position: relative;display:block; padding-bottom:56.14%;}

.caseBox .index4List .list .pic .img2 img{position:absolute; top:0; left: 0; width:100%; min-height: 100%;}

.caseBox .index4List .text{width:100%; margin: 0; background-color:#efefef;}

.caseBox .index4List .list:hover .text{margin:0;}



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

	.caseBox{padding:30px 6%; background-color:#FFFFFF;}

}

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

	.caseBox{padding:30px 0; background-color:#FFFFFF;}

}

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

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

	.caseBox .index4List .list{width:100%; margin: 0 0 10px 0;}

	.caseBox .index4List{padding-bottom:20px;}

}



/*案例详情*/

.caseDeBox{padding:75px 12.73% 140px 12.73%; position: relative;}

.fallMar{margin:58px -15px 0 -15px;}

.falls{width:100%;}

.falls .item{width:100%; margin-bottom:30px;}

.falls > div{width:30.83%; margin:0 1.25%; }

.pageTitle{float:left; width:100%;}

.pageTitle .H4{font-size:30px; color:#333333;}

.caseDeBox .time{font-size:14px; color:#333333; margin-top:24px; /*line-height: 20px;*/}

.caseDeBox .time .ico{width:20px; height: 20px; line-height: 0; float:left; margin:-1px 8px 0 0; }

.caseDeBox .backPage{float:right; font-size:14px; color:#777777; line-height:34px; }

.caseDeBox .backPage .ico{width:34px; height: 34px; line-height: 0; background-color:#e3242a; border-radius: 50%; margin-left:11px; display: block; float:right;}

.caseDeBox .backPage:hover{color:#e3242a;}

.caseDeBox .down{margin-top:10px; padding-top:10px; border-top:2px solid #e3242a;}

.caseDeBox .down .p{font-size:18px; line-height: 36px; color:#333333}



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

	.caseDeBox{padding:75px 6% 140px 6%;}

}

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

	.caseDeBox{padding:50px 0;}

	.pageTitle{width:85%;}

	.pageTitle .H4{font-size:26px;}

	.caseDeBox .down .p{font-size:14px;}

}

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

	.caseDeBox{padding:20px 0 50px 0;}

	.pageTitle{width:100%;}

	.pageTitle .H4{text-align:center; font-size:20px;}

	.caseDeBox .backPage .ico{width:26px; height: 26px;}

	.caseDeBox .backPage{line-height:26px; margin-top:-22px;}

	.caseDeBox .down{margin-top:20px; padding-top:20px;}

	.caseDeBox .down .p{line-height: 22px;}

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

	.falls > div{width:48%; margin: 0 1%;}

	.falls .item{margin-bottom:10px;}

	.caseDeBox .loading{bottom:20px;}

}



/*新闻列表*/

.newList{padding-bottom:30px;}

.newList .list{width:31.62%; margin:0 2.57% 30px 0; float:left;}

.newList .list:nth-child(3n){margin-right:0;}

.newList .pic{overflow:hidden;}

.newList .pic .img2{display:block; position: relative; padding-bottom:50%;}

.newList .pic .img2 img{position:absolute; top:0; left: 0; width:100%; /* height: 100%; */

-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;

}

.newList .text{padding:20px 8.1% 15px 8.1%; background-color:#efefef; height: 250px;}

.newList .text .time{padding-bottom:10px; border-bottom:#dddddd solid 1px; font-size:14px; color:#333333;}

.newList .text .time .day{font-size:20px; color:#333333; /*font-weight: bold; */font-family: Arial; margin-right:5px;}

.newList .text .H4{font-size:20px; color:#333333; line-height: 28px; height: 56px; margin: 15px 0 10px 0;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.newList .text .p{font-size:14px; color:#888888;}

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

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);}

.newList .list:hover .text{background-color:#e3242a;}

.newList .list:hover .time{border-colr:#aedbc2; color:#fff;}

.newList .list:hover .day{color:#fff;}

.newList .list:hover .H4,

.newList .list:hover .p{color:#fff;}



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

	.newList .text .time .day{font-size:18px;}

	.newList .text .H4{font-size:18px;}

}

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

	.newList .list{width:100%; margin: 0 0 10px 0 !important;}

	.newList .list .pic{width:120px; float:left;}

	.newList .text{padding:9px 5px 9px 10px; margin-left:120px;}

	.newList .text .time{padding-bottom:5px;}

	.newList .text .time .day{font-size:20px;}

	.newList .text .H4{font-size:15px; line-height: 22px; height: 44px; margin: 5px 0;}

	.newList{padding-bottom:20px;}

}



.newDeBox{padding-top:35px; padding-bottom:0px; background-color:#FFFFFF;}

.newDeBox .down .p{font-size:16px; line-height: 30px;}

.newDeBox .down .p .imgBox{text-align:center; margin: 45px 0 40px 0;}

.newDeBox .time{/*float:left;*/ margin-right:22px;}

.newDeBox .time:nth-child(3){margin-right:0;}

.newDeBox .daohang{float:left; margin-right:2px; margin-left: 5px; font-size:16px;}

.newDeBox .daohang:nth-child(3){margin-right:0;}

.pageShare{float:left; margin-top:24px;}

.pageShare .H4{float:left; line-height: 20px; font-size:14px; color:#333333; margin: 0 8px 0 35px;}

.pageShare .bdsharebuttonbox{float:left; line-height: 0;}

.pageShare .bdsharebuttonbox a{margin:2px 3px;}



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

	.newDeBox{padding-top:50px; padding-bottom:50px;}

	.newDeBox .down .p{font-size:14px;}

}

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

	.pageShare{display:none;}

}

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

	.newDeBox{padding-top:20px; padding-bottom:30px;}

	.newDeBox .down .p{line-height:22px;}

	.newDeBox .down .p .imgBox{margin:10px 0;}

}



.pageA{padding:30px 0; margin-top:35px; border-top:1px dashed #ababab;}

.pageA a{font-size:14px; color:#676767; line-height: 30px; display: block; width:100%;}

.pageA a:hover{color:#e3242a;}



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

	.pageA {padding:10px 0; margin-top:20px}

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

}

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

	.pageA a{font-size:13px;line-height: 24px;}

}



.about_new_box{}

.about_new_box .H2{font-size:18px; color:#e3242a; padding:15px 0 24px 0; font-weight: bold;}

.about_new li{width:48.71%; margin-right:2.58%; padding:11px 0; border-bottom:1px solid #d7d8d8; float:left;}

.about_new li:nth-child(2n){margin-right:0;}

.about_new li .H5{float:left; font-size:14px; color:#333333; width:80%;

	overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

.about_new li .H6{font-size:14px; color:#777777; float:right;}

.about_new li:hover h5{color:#e3242a;}



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

	.newDetail{padding:50px 0;}

	.about_new li .H5{width:70%;}

}

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

	.about_new_box .H2{font-size:18px; padding:10px 0; }

	.about_new li{width:100%; margin: 0;}

}



.parBox{width:79.61%; margin: 60px auto; background-color:#fff; padding:60px 2.54% 40px 2.54%;}

.parList .list{width:15.38%; margin: 0 1.54% 20px 0; border:1px solid #ececec; float:left;}

.parList .list:nth-child(6n){margin-right:0;}

.parList .list .img2{padding-bottom:53.33%; position: relative; overflow: hidden; display: block;}

.parList .list .img2 img{width:100%; height: 100%; position: absolute; top:0; left: 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;}

.parList .list:hover .img2 img{

	transform:scale(1.1);

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

}



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

	.parBox{width:100%; margin: 50px 0;}

}

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

	.parBox{margin: 20px 0 30px 0; padding:20px;}

	.parList .list:nth-child(6n){margin-right:5%;}

	.parList .list{width:30%; margin:0 5% 10px 0;}

	.parList .list:nth-child(3n){margin-right:0%;}

}



/*联系我们*/

.mapBox{position:relative;}

.map{ width:100%; height: 873px;}

#bdmap1{ position: relative; width: 100%; height: 100%;}

.contactBox{width:100%; height: 100%; background-color:rgba(0,0,0,0.2); position: absolute; top:0; left: 0; z-index: 99;}

.addressBox{width:400px; float:left; margin:30px 0 0 12.73%; padding:30px 1.91% 40px 1.91%; box-sizing: border-box; background-color:rgba(255,255,255,0.9); box-shadow: 0 0 10px rgba(0,0,0,0.06);}

.addH2{display:inline-block; position: relative; font-size:30px; color:#323232;}

.addH2::after{width:26px; height: 5px; background-color:#e3242a; content: ""; position: absolute; bottom:0; right:-37px;}

.addressBox .H3{font-size:24px; color:#e3242a; font-weight: bold; margin:20px 0 4px 0;}

.addressBox .H4{font-size:14px; color:#e3242a; font-family: Arial; text-transform: uppercase; letter-spacing: 1px;}

.addressBox .p{font-size:16px; color:#333333; line-height: 24px; margin-top:20px; padding-top:16px; border-top:1px solid #eaeaea;}

.add{padding:10px 0;}

.add .list{padding:19px 0;}

.add .list .ico{width:20px; height: 20px; float:left;}

.add .list .text{margin-left:32px; font-size:16px; line-height: 20px;}

.add .list .text .span1{font-size:16px; color:#666666; line-height: 24px; display: block; width:100%;}

.add .list .text .span2{font-size:24px; color:#333333; }

.addShare .H5{float:left; font-size:14px; line-height: 34px;}

.addShare .bShare .list{background-color:#e5e5e5;}

.addShare .bShare .list:hover{background-color:#e3242a}



.message{width:400px; float:right; margin:30px 12.73% 0 0; padding:30px 1.91% 40px 1.91%; box-sizing: border-box; background-color:rgba(255,255,255,0.9);box-shadow: 0 0 10px rgba(0,0,0,0.06);}

.message .p{font-size:16px; color:#333333; line-height: 24px; margin: 23px 0 17px 0;}

.messForm .list{margin-bottom:20px; width:100%; padding:9px 18px 9px 0; border:1px solid #e7e7e7; box-sizing: border-box; position: relative; background-color:#fff;}

.messForm .list .H4{font-size:16px; color:#333333; line-height: 24px; padding: 0 20px; border-right:1px dashed #b2b2b2; float:left;}

.messForm .list .inputDiv{margin-left:110px;}

.messForm .list .inputDiv .input{display:block; width:100%; height: 24px;font-size:15px; color:#666; 

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:0}

.messForm .list .inputDiv .textarea{display:block; width:100%; height: 100px;font-size:15px; color:#666; border:none;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

border-radius:0}

.messForm .list .need{font-size:16px; color:#ff0000; position: absolute; top:0; right:10px; line-height: 44px; display: block;}

.messForm .submit{display:block; width:100%; height: 52px; background-color:#e3242a; border-radius: 30px; font-size:16px; color:#fff;

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

outline: 0;

}

.messForm .submit:hover{opacity:0.6;}



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

	.addressBox{margin-left:6%;}

	.message{margin-right:6%;}

}

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

	.addressBox{margin-left:0;}

	.message{margin-right:0;}

	.addH2{font-size:24px;}

	.addressBox .H3{font-size:20px;}

	.addressBox .p,

	.message .p,

	.add .list .text .span1,

	.messForm .list .H4,

	.messForm .list .inputDiv .input,

	.messForm .list .inputDiv .textarea{font-size:14px;}

}

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

	.addressBox,

	.message{width:48%;}

}

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

	.contactBox{position:static; background:none;}

	.addressBox,

	.message{width:100%; margin-top:20px; padding:20px 10px;}

	.addH2{font-size:20px;}

	.addressBox .H3{font-size:16px; margin-top:10px;}

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

	.addressBox .p, .message .p,

	.add .list .text .span1,

	.messForm .list .H4,

	.messForm .list .inputDiv .input,

	.messForm .list .inputDiv .textarea{font-size:13px;}

	.addressBox .p{line-height:22px; margin-top:10px; padding-top:10px;}

	.add,

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

	.add .list .text .span1{line-height:22px;}

	.addShare .bShare{float:left; padding: 0;}

	.message .p{margin:10px 0;}

	.messForm .list{margin-bottom:10px;}

	.messForm .submit{height:36px; font-size:13px;}

	.messForm .list .H4{padding:0 8px;}

	.messForm .list .inputDiv {margin-left:74px;}

	.map{height:200px;}

}



/*加盟代理*/

.bodyPad2{padding:0 12.73%;}

.join1{padding:84px 0 74px 0;}

.jTitle1 .H3{font-size:72px; color:#e3242a; line-height: 70px; display: inline-block; font-weight: bold; vertical-align: top;}

.jTitle1 .H3:nth-child(2){margin-top:43px;}

.jTitle2{margin-top:-113px; line-height: 48px;}

.jTitle2 .p1{font-size:24px; color:#5d606f; font-weight: bold; padding-left:90px; text-transform: uppercase; letter-spacing: 1px; }

.jTitle2 .p2{font-size:24px; color:#5d606f; padding-left:160px;}

.join1List .list{width:22.22%; margin:55px 0 0 11.76%; float:left ; text-align: center;}

.join1List .list:first-child{margin-left:8.29%;}

.join1List .list:nth-child(2){margin-top:-12px;}

.join1List .listT{width:260px; height: 260px; border-radius: 50%; background-color:#cbc08b; position: relative;  padding-top:49px; box-sizing: border-box; margin: auto;}

.join1List .listT::after{width:107%; height: 107%; top:-3.5%; left: -3.5%; border-radius: 50%; border:1px solid #cbc08b; content: ""; position: absolute;}

.join1List .listT .ico{width:61px; height: 61px; line-height: 0; display: block; margin: auto;}

.join1List .listT .H4{font-size:32px; color:#f1eac6 ; margin: 10px 0 20px 0;}

.join1List .listT .H5{font-size:24px; color:#fff;}

.join1List .line{width:5px; height: auto; display: block; margin: -15px auto auto auto; line-height: 0; position: relative; z-index: 1;}

.join1List .down{display:inline-block; text-align: left;}

.join1List .H6{font-size:18px; color:#cbc08b; font-weight: bold; margin: 22px 0 15px 0;}

.join1List .p{font-size:16px; color:#333333; line-height: 30px;}

.join1List .p .dot{font-weight:bold; color:#cbc08b;}

.join1List .list:nth-child(2) .listT{background-color:#8baccb;}

.join1List .list:nth-child(2) .listT::after{border-color:#8baccb;}

.join1List .list:nth-child(2) .listT .H4{color:#bcd7f1;}

.join1List .list:nth-child(2) .H6{color:#8baccb;}

.join1List .list:nth-child(2) .p .dot {color:#8baccb;}

.join1List .list:nth-child(3) .listT{background-color:#e3242a;}

.join1List .list:nth-child(3) .listT::after{border-color:#e3242a;}

.join1List .list:nth-child(3) .listT .H4{color:#bef0d5;}

.join1List .list:nth-child(3) .H6{color:#e3242a;}

.join1List .list:nth-child(3) .p .dot {color:#e3242a;}



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

	.bodyPad2{padding:0 6%;}

	.join1List .list:first-child{margin-left:0;}

	.join1List{margin-top:50px;}

	.join1List .list{width:30%; margin:0 1.6%; }

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

	.join1List .list:nth-child(3){margin-top:30px;}

}

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

	.bodyPad2{padding:0;}

	.join1{padding:50px 0;}

	.jTitle1 .H3{font-size:50px; line-height: 50px;}

	.jTitle2 .p1{font-size:20px; padding-left:65px;}

	.jTitle2 .p2{font-size:20px; padding-left:120px;}

	.jTitle1 .H3:nth-child(2){margin-top:30px;}

	.jTitle2{margin-top:-80px; line-height: 30px;}

	.join1List .listT{width:200px; height: 200px; padding-top:30px;}

	.join1List .listT .ico{width:40px; height: 40px;}

	.join1List .listT .H4{font-size:26px;}

	.join1List .listT .H5{font-size:20px;}

	.join1List .H6{font-size:16px; margin: 10px 0;}

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

}

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

	.join1{padding:20px 0;}

	.jTitle1 .H3{font-size:30px; line-height: 34px;}

	.jTitle1 .H3:nth-child(2){margin-top:20px;}

	.jTitle2 {line-height:24px; margin-top:-54px;}

	.jTitle2 .p1{font-size:16px; padding-left:35px;}

	.jTitle2 .p2{padding-left:70px;font-size:16px; }

	.join1List .list{width:100%; margin: 0 0 20px 0 !important;}

	.join1List .line{display:none;}

	.join1List{margin-top:30px;}

	.join1List .listT{width:120px; height: 120px; float:left; padding-top:20px;}

	.join1List .listT .ico{width:28px; height: 28px;}

	.join1List .listT .H4{font-size:18px; margin: 10px 0;}

	.join1List .listT .H5{font-size:14px;}

	.join1List .down{margin-left:130px; display: block;}

	.join1List .H6{font-size:14px;}

	.join1List .p{font-size:14px; line-height: 22px;}



}



.join2{background-color:#fff; padding:75px 0; overflow: hidden;}

.joinMap{width:88.11%; margin: -52px auto auto auto; position: relative; }

.placeBox{width:100%; height: 100%; position: absolute; top:0; left: 0;}

.pla{position:absolute; cursor: pointer;}

.pla .dot{width:10px; height: 10px; display: block; background:url(../images/p46.png) center no-repeat; background-size:100%;}

.pla .text{position:absolute; top:-17px; left: 20px; width:294px; min-height: 75px; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.14); background-color:rgba(255,255,255,0.8); padding:15px 18px 15px 18px; box-sizing: border-box; display: none;}

.pla .text::after{width:18px; height: 18px; content: ""; position: absolute; top:12px; left: -15px; background:url(../images/p47.png) center no-repeat; background-size:100%;}

.pla .text .H4{font-size:18px; color:#333333; font-weight: bold; line-height: 30px;}

.pla .text .H5{font-size:14px; color:#333333; line-height: 30px;}

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

	.pla:hover .dot{background-image:url(../images/p45.png);}

	.pla:hover .text{display:block;}	

}

.pla.hover .dot{background-image:url(../images/p45.png);}

.pla.hover .text{display:block;}

.pla.hover{z-index: 1;}	

.pla1{top:45%; left: 62.6%;}

.pla2{top:34%; left: 82.3%;}



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

	.join2{padding:50px 0;}

	.joinMap{width:100%;}

	.pla .text .H4{font-size:14px; }

	.pla .text .H5{font-size:14px;}

}

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

	.joinMap{overflow-y: auto; margin: 0;}

}

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

	.join2{padding:20px 0;}

	.pla .text{width:160px; min-height:inherit; padding:10px;}

	.pla .text .H4{font-size:14px; line-height: 20px}

	.pla .text .H5{font-size:10px; line-height: 20px;}

	.joinMap{margin-top:20px;}

}



.join3{padding:75px 0 80px 0;}

.join3Mar{margin:50px -15px 0 -15px;}

.join3List .list{width:92.5%; margin: auto;}

.join3List .ico{width:120px; height: 120px; border-radius: 50%; border:4px solid #fff; background-color:#e3242a; display: block; margin: auto; box-sizing: border-box; position: relative; z-index: 1;}

.join3List .text{height:330px; overflow:hidden; background:url(../images/p48.png) center no-repeat; background-size:100% 100%; padding:70px 9.45% 0 8.1%; margin-top:-50px;}

.join3List .text .H4{text-align:center; font-size:20px; color:#333333; font-weight: bold; position: relative; padding-bottom:22px;}

.join3List .text .H4::after{width:24px; height: 2px; background-color:#d2d2d2;; content: ""; position: absolute; bottom:0; left: 50%; margin-left:-12px;}

.join3List .text .p{font-size:14px; color:#333333; line-height: 24px; margin-top:25px;}

.join3List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}

.join3List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.join3List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.join3{padding:50px 0;}

	.join3List .text .H4{font-size:18px;}

}

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

	.join3List {padding-bottom:20px;}

}

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

	.join3{padding:20px 0;}

	.join3Mar{margin:20px -5px 0 -5px;}

	.join3Mar{width:100%; height: auto;}

	.join3List .ico{width:80px; height: 80px;}

	.join3List .text{margin-top:-40px; padding:50px 10px 10px 10px;  height: auto;}

	.join3List .text .H4{font-size:16px; padding-bottom:10px;}

	.join3List .text .p{font-size:14px; line-height: 20px; height: 60px; overflow-y: auto; margin-top:10px;}

}



.join4{padding:75px 0; background-color:#fff;}

.join4Mar{margin:65px -15px 0 -15px;}

.join4List .list{width:85%; margin: auto;}

.join4List .text1{height:170px; border-radius: 8px; background-color:#cbc08b; text-align: center; padding-top:65px; box-sizing: border-box;}

.join4List .text1 .H4{font-size:24px; color:#fff; font-weight: bold; line-height: 34px;}

.join4List .list2 .text1{height:200px; padding-top:95px;}

.join4List .line{width:29px; line-height: 0; display: block; margin:-15px auto auto auto;}

.join4List .p{font-size:16px; line-height: 30px;}

.join4List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}

.join4List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.join4List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.join4List .text1 .H4{font-size:20px;}

}

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

	.join4{padding:50px 0;}

	.join4List .text1{height:120px; padding-top:30px;}

	.join4List .list2 .text1{height:150px;padding-top:50px;}

}

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

	.join4List{padding-bottom:20px;}

}

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

	.join4{padding:20px 0;}

	.join4Mar{margin:30px -5px 0 -5px;}

	.join4List .text1 .H4{font-size:16px; line-height: 24px;}

	.join4List .line{width:10px;}

	.join4List .p{font-size:13px; line-height: 22px;}

}



.join5{padding:75px 0 65px 0;}

.join5List{padding-top:20px;}

.join5List .list{width:48.71%; margin:30px 2.58% 0 0; float:left; background-color:#fff; border-radius: 100px;}

.join5List > div:nth-child(2n) .list{margin-right:0;}

.join5List .ico{width:88px; height: 88px; background-color:#e3242a; border-radius: 50%; float:left; margin: 10px;}

.join5List .text{margin-left:118px; height: 108px; line-height: 108px;}

.join5List .text .p{display:inline-block; font-size:14px; color:#333333; line-height: 24px; vertical-align: middle; padding-right:9.13%;}

.join5List .slick-dots{width:100%; left: 0; bottom:0; text-align: center; line-height: 0;}

.join5List .slick-dots li{display:inline-block; vertical-align: bottom; width:8px; height: 8px; border-radius: 50%; background-color:#b7bec4; margin:0 4px;}

.join5List .slick-dots li.slick-active{background-color:#e3242a;}



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

	.join5{padding:50px 0;}

}

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

	.join5List{padding:50px 0 20px 0;}

	.join5List .list{width:96%; margin: auto;}

}

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

	.join5{padding:30px 0;}

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

	.join5List .ico{width:50px; height: 50px;}

	.join5List .list{height:70px;}

	.join5List .text{height:70px; line-height: 70px;margin-left:70px;}

	.join5List .text .p{max-height:50px; overflow-y: auto;}

}



.join6{padding:75px 0 80px 0; background-color:#fff;}

.join6List .list{width:218px; height: 218px; border-radius: 50%; background-color:#cbc08b; float:left; margin: 60px 20px 0 0; text-align: center; padding-top:45px; box-sizing: border-box;}

.join6List .list:nth-child(2){background-color:#8baccb;}

.join6List .list:nth-child(3){background-color:#e3242a;}

.join6List .list:nth-child(4){background-color:#a88bcb;}

.join6List .list:nth-child(5){background-color:#cb8b93;}

.join6List .list:last-child{margin-right:0;}

.join6List .ico{width:51px; height: 51px; margin: auto; display: block;}

.join6List .H4{font-size:20px; color:#fff; font-weight: bold; margin: 10px 0;}

.join6List .p{font-size:14px; color:#fff; line-height: 18px;}



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

	.join6List .list{width:189px; height: 189px; padding-top:30px;}

}

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

	.join6{padding:50px 0;}

	.join6List .list{width:176px; height: 176px; padding-top:30px;}

	.join6List .H4{font-size:18px;}

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

}

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

	.join6List{margin-top:30px; text-align:center; font-size: 0;}

	.join6List .list{width:48%; border-radius: 30px; margin: 10px 1% 0 1%; padding:10px; height: auto; float:none; display: inline-block; vertical-align: top; min-height: 125px}

	.join6List .list:last-child{margin-right:1%;}

}

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

	.join6List{margin-top:20px;}

	.join6List .ico{width:30px; height: 30px;}

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

}



.join7{padding:75px 0 80px 0;}

.pageAdd .addressBox{width:40%; margin: 50px 0 0 0; padding:37px 3.41% 44px 3.41%; }

.pageAdd .message{width:57.26%; margin: 50px 0 0 0;padding:37px 3.41% 62px 3.41%; }

.pageAdd .addH2{padding-bottom:10px;font-size:24px; color:#e3242a;}

.pageAdd .addH2::after{width:187px; height: 1px; left: 0; bottom:0; opacity: 0.6; }

.pageAdd .map{height:124px; margin-top:25px;}

.pageAdd .map .BMap_stdMpCtrl{display:none;}

.pageAdd .messForm{margin-top:40px;}

.pageAdd .messForm .list .inputDiv .textarea,

.pageAdd .messForm .list .inputDiv .input{height:30px;}

.pageAdd .messForm .list .H4{line-height:30px;}

.pageAdd .messForm .list{padding:15px 0;}

.pageAdd .messForm .list .need{line-height:60px;}



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

	.join7{padding:50px 0;}

	.pageAdd .addH2{font-size:24px}

}

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

	.pageAdd .map{margin-top:0;}

}

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

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

	.pageAdd .addressBox{width:100%; margin-top:30px;padding: 20px 10px;}

	.pageAdd .message{margin-top:20px; width:100%;padding: 20px 10px;}

	.pageAdd .messForm{margin-top:20px;}

	.pageAdd .messForm .list .H4{line-height:24px;}

	.pageAdd .messForm .list .inputDiv .textarea, 

	.pageAdd .messForm .list .inputDiv .input{height:24px;}

	.pageAdd .messForm .list{padding:5px 0;}

	.pageAdd .addH2{font-size:20px}

	.pageAdd .messForm .list .need{line-height:38px;}

}



/*右漂浮*/

.f_r_box{position:fixed; top:50%; right:0px; margin-top:-185px; z-index: 99999;}

.f_r{padding:20px 0; border-radius: 12px 0 0 12px; background-color:rgba(48,48,48,0.8); width:55px;}

.fEwm{width:0; height: 87px; position: absolute; top:50%; margin-top:-42px; right:57px; background-color:#8acaa7; border-radius: 6px; 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;

}

.fEwm .span{width:87px; height: 87px; padding:5px; display: block; box-sizing: border-box;}

.f_r li{cursor:pointer; position: relative;}



.frNum{position:absolute; top:0; right:-250px;height: 100%;background-color:#8acaa7;width:241px; overflow: hidden; border-radius: 8px 0 0 8px;

		-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;}

	.frNum .frNumIco{float:left; width:55px;}

	.frNum .p{font-size:14px; color:#fff; line-height: 16px; margin-top:8px;}

.frNum2{width:160px;}

.frNum2 .p{line-height:55px; margin: 0;}

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

	.f_r li:hover .frNum{right:0}

	.f_r li:hover{background-color:#8acaa7}

	.f_r li:hover .fEwm{width:87px;}

	.f_r li:hover .imgNone{opacity:0;}

	.f_r_box .c_close{display:none;}

}

.f_r_box .c_close{width:26px; height: 26px; position: absolute; bottom:-50px; left:50%; margin-left:-13px; z-index: 999;  border-radius: 50%; cursor: pointer;}

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

	.f_r{display:none;}

	.f_r li .frNum1{display:none;}

	.f_r_box{bottom:100px; right:10px; top:auto;}

	.f_r li.hover .frNum{right:0}

	.f_r li.hover{background-color:#8acaa7}

	.fEwm{right:40px;}

	.f_r li.hover .fEwm{width:87px;}

	.f_r{width:40px; padding:10px 0;}

	.f_r_box .c_close{bottom:-30px;}

	.frNum .frNumIco{width:40px;}

	.frNum .p{font-size:14px;  margin-top:3px;}

}	

	



.bottomNavBox{height:60px; display: none;}

.bottomNav{position:fixed; bottom: 0; left: 0; width:100%; background-color:#d44242;height: 60px; z-index: 999999;}

.bottomNav .list{width:25%; float:left; border-right:1px solid rgba(255,255,255,0.1); box-sizing: border-box; padding:8px 0; text-align: center;}

.bottomNav .list:last-child{border-right:none;}

.bottomNav .list .ico{width:24px; height: 24px; line-height: 0; display: block; margin: auto;}

.bottomNav .list .H5{font-size:13px; margin-top:5px; color:#fff;}



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

	.bottomNavBox{display: block;}

}



.es-section
{
background:#fff;
padding:15px;
margin-bottom:20px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #e4ecf3;
font-size:14px;
}
.es-section.section-lg
{
min-height:400px;
}
.es-section .section-header
{
position:relative;
margin-bottom:20px;
border-bottom:1px solid #f5f5f5;
}
.es-section .section-header h1
{
margin-top:5px;
margin-bottom:20px;
font-size:20px;
}