@charset "utf-8";


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:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}

.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.minHeight{min-height:500px;}



.container1 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container1 {
    width: 768px;
  }
}
@media (min-width: 992px) {
  .container1 {
    width: 992px;
  }
}
@media (min-width: 1200px) {
  .container1 {
    width: 1200px;
  }
}
@media (min-width: 1600px) {
  .container1 {
    width: 1600px;
  }
}
.top1{position: absolute; top:0; left: 0;width:100%; z-index: 999;}
.top1 .logo{width:234px; height: auto; margin:30px 0 0 0; float:left;}

.search{ position: relative; float:right; z-index: 100; margin-top:40px; }
.search .submit{display:block; width:34px; height: 34px;background-color:rgba(255,255,255,0.1); border-radius: 50%; position: relative;z-index: 1; float:right;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.search .input{width:0px; position: absolute; top:0; right:0; overflow: hidden; border-radius: 30px;
-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: 100%; height: 34px; line-height: 34px;padding:0 40px 0 10px; background:none; color:#666;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0; border-radius: 0;}
.search:hover .input{width:150px;background-color:rgba(255,255,255,1); }
.search:hover .submit{background-color:rgba(0,115,235,0.8);}
.menu_box{float:right; }
.menu{float:right;}
.menu .nli{float:left; position: relative; text-align: center; margin-right:79px;}
.menu .nli:last-child{margin-right:90px;}
.menu .nli span > a{font-size:16px; color:#fff; padding:47px 0 19px 0; display: block; }
.menu .nli:hover span > a{color:#0073eb;}
.menu .nli.hover span > a{color:#0073eb;}

.sub{position: absolute; top:87px; left: 50%; width:140px; background-color:rgba(255,255,255,0.4); text-align: center; z-index: 101; display:none; margin-left:-70px;}
.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(255,255,255,0.6); color:#0073eb;}

@media screen and (max-width:1599px){
	.menu .nli{margin-right:60px;}
}
@media screen and (max-width:1199px){
	.top1 .logo{width:180px;margin:35px 0 0 0;}
	.menu .nli{margin-right:40px;}
}


.top2{width:100%; height:60px;display: none; z-index: 2000; position: absolute; top:0; left: 0; }
.top2 .logo{width:140px; height:auto; float:left; margin-top:13px;}

@media screen and (max-width:991px){
    .top2{ display:block;}
	.top1{ display:none;}
}




.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    background: #fff;
}
.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;
    
}
.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;
    
}
.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;
    
}
.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 .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: 21px; height: 21px; margin: 6px 12px 0 0; 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;
}



.pz_banner{clear: both;}
.c_banner{position:relative; overflow: hidden;}
.slide1 .slick-dots{width:26px; right:70px; top:50%; bottom:auto;
-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);}
.slide1 .slick-dots li{width:26px; height: 29px; background:url(../image/p4.png) center no-repeat; background-size:100% 100%; position: relative; margin:0 0 93px 0;}
.slide1 .slick-dots li::after{width:2px; height: 72px; background:url(../image/p6.png) center no-repeat; background-size:100% 100%; content: ""; position: absolute; top:40px; left: 50%; margin-left:-1px;}
.slide1 .slick-dots li:last-child{margin:0;}
.slide1 .slick-dots li:last-child::after{display:none;}
.slide1 .slick-dots li.slick-active{background-image:url(../image/p5.png);}
.slick-dots li button:before,
.slick-dots li button{display:none;}

.goDown{width:24px;position: absolute; bottom:30px; left:50%; margin-left:-12px;}
.goDown .imgOn{display:none;}
@media screen and (min-width:992px){
	.goDown:hover .imgOn{display:block;}
	.goDown:hover .img{display:none;}
}
@media screen and (max-width:767px){
	.goDown{width:18px; margin-left:-9px; bottom:10px;}
	.slide1 .slick-dots{width:14px; right:10px;}
	.slide1 .slick-dots li{width:14px; height: 16px; margin-bottom:14px;}
	.slide1 .slick-dots li::after{background:none; width:1px; height: 10px; border:1px dashed rgba(255,255,255,0.2); top:20px;}
}



.index1{padding:120px 0;background:url(../image/p7.png) top center no-repeat #e9eef4; overflow: hidden;}
.index1L{width:46%; float:left; position: relative;z-index: 2; padding-top:57px;}
.title .H4{font-size:46px; color:#53576c; display: inline-block; text-shadow: 0 5px 16px rgba(91,97,112,0.2);  letter-spacing: 1px;}
.title .H5{display:inline-block; vertical-align: bottom; position: relative; font-size:24px; color:#fff; text-transform: uppercase; font-family: Arial; font-weight: bold; letter-spacing: 1px;}	
.title .H5 .dot{width:13px; height: 13px; position: absolute; top:-16px; right:-21px; line-height: 0;}	
.index1L1{font-size:0;}
.index1L1 .list{width:158px; height: 51px; line-height:51px; background-color:#d1e1f0; display: inline-block; vertical-align: top; margin: 25px 20px 30px 0; font-size:18px; color:#53576c; text-align: center;}
.index1L1 .list:last-child{margin-right:0;}
.index1L1 .list:hover{background-color:#0073eb; color:#fff;}	
.index1L .p{font-size:14px; line-height: 26px; color:#53576c; height:130px; text-align: justify;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}	
.more{display:block; position: relative; width:212px; height: 48px; margin-top:82px; line-height: 46px;padding-left:53px; box-sizing: border-box; border-radius: 30px; background-color:#0073eb; font-size:16px; color:#fff; border:1px solid #e9eef4;}
.more .ico{width:25px; height: 7px; position: absolute; top:21px; right:29px; background:url(../image/p11.png) center no-repeat; background-size:100% 100%;}	
.more:hover{background-color:#e9eef4; border:1px solid #0073eb; color:#0073eb;}	
.more:hover .ico{background-image:url(../image/p12.png);}	

.index1R{width:51.28%; float:right; background:url(../image/p8.png) right center no-repeat; background-size:75% 100%; padding:40px 0 80px 0;}
.index1R .H4{font-size:18px; color:#fff; padding-left:35.33%; position: relative;}	
.index1R .H4::after{width:42px; height: 1px; position: absolute; top:50%; right:15.46%; content: ""; background-color:#fff; opacity: 0.4;}	
.index1R1{padding:30px 10.1% 40px 12.66%; background:url(../image/p9.png) center no-repeat; background-size:100% 100%; margin-top:30px;}	
.index1R1 .slick-dots{bottom:-35px; line-height: 0; text-align: center; left: 10%;}
.index1R1 .slick-dots li{width:12px; height: 12px; border-radius: 50%; background-color:#fff; margin: 0 4px; display: inline-block; vertical-align: middle
; box-sizing: content-box;}
.index1R1 .slick-dots li.slick-active{border:2px solid #0073eb;}
	
@media screen and (max-width:1199px){
	.index1{padding:60px 0;}
	.title .H4{font-size:30px;}
	.title .H5{font-size:18px;}
	.index1L1 .list{width:130px; font-size:16px; height: 40px; line-height: 40px;}
}	
@media screen and (max-width:991px){
	.index1L{width:60%; padding:0;}
	.index1R{width:40%;}
	.more{margin-top:30px;}
}	
@media screen and (max-width:767px){
	.index1{padding:30px 0; background-size:160%;}
	.index1L{width:100%; }
	.title .H4{font-size:20px;}
	.title .H5{font-size:14px;}
	.title .H5 .dot{width:8px; height: 8px; top:-6px; right:-12px;}
	.index1L1 .list{width:30%; margin: 15px 5% 15px 0; font-size:14px;}
	.more{width:130px; height: 34px; line-height: 32px; padding-left:20px; font-size:12px; margin-top:20px;}
	.more .ico{width:18px; height: 5px; top:13.5px;}
	.index1L .p{font-size:13px; line-height: 22px; height: 110px;}
	.index1R{width:100%; margin-top:20px; padding:20px 0 40px 0;}
	.index1R .H4{font-size:16px;}
	.index1R .H4::after{right:5%;}
	.index1R1{margin-top:10px; padding-top:15px; padding-bottom:25px;}
	.index1R1 .slick-dots{bottom:-20px;}
	.index1R1 .slick-dots li{width:8px; height: 8px;}
}	
	
.index2{padding:100px 0 120px 0; position: relative; overflow: hidden;}	
.title2{text-align:center;}
.title2 .H4{font-size:46px; color:#fff; position: relative; display: inline-block; z-index: 1;}	
.title2 .H4 .dot{width:13px; height: 13px; line-height: 0; position: absolute; top:0; right:-15.95%;}
.title2 .H2{font-size:72px; font-weight: bold; font-family: Arial; text-transform: uppercase; color:#fff; opacity: 0.03; margin-top:-45px;}
.index2 .span1{width:10%; position: absolute; bottom:-12px; left: 40.36%;}
.index2 .span2{width:4.27%; position: absolute; top:48.1%; right: 13.28%;}
.index2DBox{margin-top:40px; position: relative;}	
.index2DBox .pic{width:54.27%; margin: auto;}	

.index2D2 .list{width:16.41%; top:0; left: 3.41%; position: absolute;}
.index2D2 .list .text{position:absolute;left:64.55%; top:11.66%; width: 150%;}
.index2D2 .list .text .H5{font-size:20px; color:#fff;}
.index2D2 .list .text .H6{font-size:12px; font-family: Arial; margin-top:8px; color:rgba(146,194,244,0.4); letter-spacing: 1px;}
.index2D2 .list:nth-child(3){width:16.32%; bottom:-1.98%; left: 0; top:auto;}
.index2D2 .list:nth-child(3) .text{top:69.19%; left: 64.21%;}
.index2D2 .list:nth-child(2){width:16.32%; top:-13.57%; right: 3.41%; left: auto;}
.index2D2 .list:nth-child(2) .text{top:66.84%; left: 62.88%;}
.index2D2 .list:nth-child(4){width:16.83%; bottom:-13.88%;top:auto;right: 7.69%; left: auto;}
.index2D2 .list:nth-child(4) .text{top:11.7%; left: 67%;}
.index2D2 .list:hover{animation: topDown 0.8s ease-out;animation-iteration-count: infinite;animation-direction: alternate;}
@keyframes topDown{
	0% {transform: translate(0);}
	100% {transform: translate(0, 10px);}
}

@media screen and (max-width:1199px){
	.index2{padding:60px 0;}
	.title2 .H4{font-size:30px;}
	.title2 .H2{font-size:50px; margin-top:-30px;}
	.index2D2 .list .text .H5{font-size:18px;}
}
@media screen and (max-width:991px){
	.index2D2 .list:nth-child(2){right:6%;}
	.index2D2 .list:nth-child(4){right:13%;}
}
@media screen and (max-width:767px){
	.title2 .H4{font-size:20px;}
	.title2 .H4 .dot{width:8px; height: 8px;}
	.title2 .H2{font-size:30px; margin-top:-20px;}
	.index2{padding:30px 0;}
	.index2DBox .pic{width:100%;}
	.index2DBox{margin-top:20px;}
	.index2D2 {font-size:0; margin-top:20px;}
	.index2D2 .list{width:49% !important; position: static; display: inline-block; vertical-align: top; background-color:rgba(0,115,235,0.2); margin: 0 2% 5px 0; padding:5px; min-height: 63px;}
	.index2D2 .list:nth-child(2n){margin-right:0;}
	.index2D2 .list .img{display:none;}
	.index2D2 .list .text{position:static; width:100%;}
	.index2D2 .list .text .H5{font-size:16px;}
}

.index3{padding:120px 0; overflow: hidden;}
.title3 .H4{color:#53576c;}
.title3 .H2{color:#fff; opacity: 0.6;}
.index3List {margin-top:45px;}
.index3List .list{overflow:hidden; cursor: pointer;}
.index3List .list .list1Box{overflow: hidden;}
.index3List .list .list1{width:132px; background-color:rgba(255,255,255,0.6); margin: 0 1px; padding:45px 0 60px 0; margin-top:49px;}
.index3List .list .list1 .ico{width:38px; margin: auto; display: block; line-height: 0;}
.index3List .list .list1 .H5{text-align:center; font-size:18px; color:#53576c; font-weight: bold; padding:30px 0 12px 0; position:relative;}
.index3List .list .list1 .H5::after{width:36px; height: 1px; background-color:#c5c9e0; position: absolute; bottom:0; left: 50%; margin-left:-18px; content: "";}	
.index3List .list .list1 .p{width:67.17%; margin: 26px auto auto auto; font-size:14px; line-height: 30px; color:#666666; height: 150px; text-align: center;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}	
.index3List .list .list2Box{width:0;height: 0; overflow: hidden;}
.index3List .list .list2{width:366px; background:url(../image/p34.png) center no-repeat; background-size:cover; padding:38px 8.17% 28px 8.17%;}
.list2Ti .ico{width:38px; display: inline-block;}
.list2Ti .H5{font-size:22px; color:#fff; font-weight: bold; display: inline-block; vertical-align: middle; margin-left:8px;}
.index3List .list .list2 .p{font-size:14px; color:#fff; line-height: 24px; height:72px; margin: 24px 0 44px 0;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.index3List .list .list2 .H42{font-size:18px; color:#fff; font-weight: bold;}
.list2D1{padding:18px 0 33px 0; border-bottom:1px solid #6eaef2;}
.list2D1 .list3{width:48.85%; margin-right:2.3%; float:left; background-color:#fff; border-radius: 6px; overflow:hidden;}
.list2D1 .list3 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;}
.list2D1 .list3:nth-child(2n){margin-right:0;}
.list2D1 .list3:hover img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.more2{width:154px; height: 48px; display: block; border-radius: 30px; line-height: 48px; text-align: center; background-color:rgba(255,255,255,0.1); font-size:16px; color:#fff; margin-top:30px;}
.more2:hover{background-color:#0073eb; color:#fff;}
@media screen and (min-width:992px){

}
.index3List .list.hover .list2Box{width:366px; height: auto;animation: scaleA 0.8s ease-out;animation-direction: alternate;}
.index3List .list.hover .list1Box{width:0; height: 0;}

@keyframes scaleA{
	0% {transform: scale(0.8);}
	100% {transform: scale(1);}
}
.index3List .slick-prev,
.index3List .slick-next{width:46px; height: 46px; background:#666;box-shadow: 0 3px 10px rgba(0,0,0,0.19);border-radius: 50%;}
.index3List .slick-prev{left:-96px; background:url(../image/p35.png) center no-repeat #fff; background-size:100%; }
.index3List .slick-next{right:-96px;background:url(../image/p36.png) center no-repeat #fff; background-size:100%; }
.index3List .slick-prev:hover{background-image:url(../image/p38.png); background-color:#0073eb;}
.index3List .slick-next:hover{background-image:url(../image/p37.png); background-color:#0073eb;}
.index3List .slick-dots{width:100%; line-height: 0; left: 0; bottom:0; text-align: center;}
.index3List .slick-dots li{width:8px; height: 8px; background-color:#0073eb; opacity: 0.4; border-radius: 50%;}
.index3List .slick-dots li.slick-active{opacity:1;}

@media screen and (max-width:1199px){
	.index3{padding:60px 0;}
	.index3List .list .list1{width:198px;}
	.index3List .slick-prev{left:-48px;}
	.index3List .slick-next{right:-48px;}
}
@media screen and (max-width:991px){
	.index3List .list .list1Box{display:none;}
	.index3List .list .list2Box{width:96%; margin: auto; height: auto; padding-bottom:25px;}
	.index3List .list .list2{width:100%;}
}
@media screen and (max-width:767px){
	.index3{padding:30px 0;}
	.index3List{margin-top:25px;}
	.index3List .list .list2{padding:10px;}
	.index3List .list .list2Box{width:100%;}
	.list2Ti .ico{width:30px;}
	.list2Ti .H5{font-size:18px; line-height: 28px;}
	.index3List .list .list2 .p{font-size:13px; margin: 20px 0;}
	.index3List .list .list2 .H42{font-size:16px;}
	.list2D1{padding:15px 0;}
	.more2{width:120px; height: 36px; line-height: 36px; font-size:12px; margin-top:15px;}
}

.index4{padding:120px 0; overflow: hidden;}
.index4Mar{margin:35px -15px 0 -15px;}
.index4List .list{width:90%; margin: auto;position: relative; height: 403px;box-sizing: border-box;}
.index4List .listBox{ background:url(../image/p39.png) center no-repeat; background-size:cover; padding:10px;position:absolute; top:50%; left: 0; width:100%; height: 363px; box-sizing: border-box;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);

-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.index4List .listBox .pic{width:100%; overflow: hidden;}
.index4List .listBox .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 .listBox .time{padding:18px 0 15px 38px; position: relative; font-size:14px; color:#fff; opacity: 0.6; font-family: Arial; letter-spacing: 1px;}
.index4List .listBox .time::after{width:18px; height: 1px; background-color:#fff; opacity: 0.6; position: absolute; left: 0; top:50%; content: "";}
.index4List .listBox .H4{font-size:18px; color:#fff;}
.index4List .listBox .p{font-size:14px; color:#fff; line-height: 22px; margin-top:15px; height: 66px; opacity: 0.6;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.more3{width:108px; height: 32px; border:1px solid rgba(255,255,255,0.4); border-radius: 30px; line-height: 30px; font-size:12px; color:#fff; text-align: center; margin-top:27px; opacity: 0;}
.index4List .slick-dots{width:100%; line-height: 0; left: 0; bottom:0; text-align: center;}
.index4List .slick-dots li{width:8px; height: 8px; background-color:#0073eb; opacity: 0.4; border-radius: 50%;}
.index4List .slick-dots li.slick-active{opacity:1;}

@media screen and (min-width:992px){
.index4List .list:hover .listBox{height: 100%; background-image:url(/Templates/cn/images//p40.png);}
.index4List .list:hover .more3{ opacity: 1;}
.index4List .list:hover .pic 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){
	.index4{padding:60px 0;}
	.index4List .list{height:430px;}
}
@media screen and (max-width:991px){
	.index4List{padding-bottom:25px;}
	.index4List .listBox{position:static; transform: translate(0); height: auto;}
	.index4List .list{height:auto;}
	.more3{opacity:1;}
}
@media screen and (max-width:767px){
	.index4{padding:30px 0;}
	.index4Mar{margin:25px 0 0 0;}
	.index4List .list{width:100%;}
	.index4List .list .listBox{background-image:url(/Templates/cn/images//p40.png);}
	.index4List .listBox .time{padding:10px 0 10px 26px;}
	.index4List .listBox .H4{font-size:16px;}
	.index4List .listBox .p{font-size:13px;}
	.more3{font-size:12px; margin-top:10px;}
}


.bottom{background-color:#191919; padding:41px 0;}
.bottomL{width:61.79%; float:left; border-right:1px solid #404040;}
.bLink a{display:inline-block; vertical-align: middle; font-size:14px; color:#b2b2b2;}
.bLink .dot{width:4px; height: 4px; border-radius: 50%; display: inline-block; margin: 0 16px; vertical-align: middle; background-color:#858585;}
.bLink a:hover{color:#0073eb;}
.cR{padding:20px 0;}
.cR .p{ font-size:14px; color:#b2b2b2;}
.bShare .H5{float:left; line-height: 22px; font-size:14px; color:#b2b2b2;}
.bShare .bdsharebuttonbox a{margin:0 9px; padding:0; width:22px; height: 22px;}
.bShare .bdsharebuttonbox .bds_sqq{background:url(../image/p41.png) center no-repeat; background-size:100%;}
.bShare .bdsharebuttonbox .bds_tsina{background:url(../image/p43.png) center no-repeat; background-size:100%;}
.bShare .bdsharebuttonbox .bds_weixin{background:url(../image/p45.png) center no-repeat; background-size:100%;}
.bShare .bdsharebuttonbox .bds_more{background:url(../image/p47.png) center no-repeat; background-size:100%;}
.bShare .bdsharebuttonbox .bds_sqq:hover{background-image:url(../image/p42.png);}
.bShare .bdsharebuttonbox .bds_tsina:hover{background-image:url(../image/p44.png);}
.bShare .bdsharebuttonbox .bds_weixin:hover{background-image:url(../image/p46.png);}
.bShare .bdsharebuttonbox .bds_more:hover{background-image:url(../image/p48.png);}
.bottomR{float:right;}
.bEwm{width:116px; padding:5px; background-color:#fff; float:left;} 
.bottomR2{float:left; padding-left:10px;}
.bottomR2 .H4{font-size:14px; line-height: 22px; color:#b2b2b2; padding:15px 0;}
.bottomR3{font-size:14px; color:#fff; padding:7px 10px 7px 20px; background:url(../image/p49.png) center no-repeat; background-size:100% 100%;}

@media screen and (max-width:767px){
	.bottom{padding:10px 0;}
	.bottomR{display:none;}
	.bottomL{width:100%; border:none;}
	.bLink{display:none;}
	.bShare {display:none;}
	.cR{padding:0;}
	.cR .p{width:100%; font-size:11px; line-height: 20px; text-align: center;}
}


.f_r_box{position:fixed; top:100px; right:30px; z-index: 99;}
.f_r li{cursor:pointer; position: relative; background-color:#d3d3d3; width:50px; height: 50px; border-bottom:1px solid rgba(255,255,255,0.2);}
.f_r li > img,
.f_r li span > img,
.f_r li a > img{opacity:0.6;}
 .li4 {padding-top:24px; background-color:#d3d3d3; width:50px; height: 50px;}
.showHide {display:block; width:20px; height:2px; margin: auto; background-color:#0073eb; position:relative; opacity:0.6;}
    .showHide::after {width:2px; height:20px; position:absolute; top:-9px; left:9px; content:"";  background-color:#0073eb; display:none;}
    .showHide.on::after {display:block;}

.fEwm{width:0; height: 87px; position: absolute; top:50%; margin-top:-42px; right:55px; background-color:rgba(0,115,235,0.6); 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;}


.frNumBox{position:absolute; width:0; overflow: hidden; top:0; right:0;height: 100%;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;}
.frNum{width:180px;}
	.frNum .frNumIco{float:left; width:50px;}
	.frNum .p{font-size:16px; color:#fff; line-height: 50px;}
@media screen and (min-width:992px){
	.f_r li:hover .frNumBox{width:180px; background-color:rgba(0,115,235,0.6)}
	.f_r li:nth-child(2):hover a > img{opacity:0;}
    .f_r li:nth-child(3):hover a > img{opacity:0;}
	.f_r li:hover > img,
.f_r li:hover span > img,
.f_r li:hover a > img{opacity:1;}
	.f_r li:hover .fEwm{width:87px;}
	.f_r_box .c_close{display:none;}
    .f_r li:hover .showHide {opacity:1;}
}
.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 li, .li4{width:40px; height: 40px;}
	.f_r_box{bottom:50px; right:10px; top:auto;}
	.f_r li.hover > img,
.f_r li.hover span > img,
.f_r li.hover a > img{opacity:1;}
	.fEwm{right:40px;}
	.f_r li.hover .fEwm{width:87px;}
	.f_r_box .c_close{bottom:-30px;}
	.frNum .frNumIco{width:40px;}
    .li4 {padding-top:19px;}
    .showHide {width:16px;}
        .showHide::after {height:16px; left:7px;top:-7px;}
}	


.bannerTextBox{position:absolute; bottom:32.2%; left: 0; text-align: center; width: 100%;}
.bannerText{display:inline-block;padding:20px 103px 25px 103px; background:url(../image/p55.png) center bottom no-repeat; background-size:100% 70%; }
.bannerText .H5{font-size:36px; color:#fff; text-transform: uppercase; font-family: Arial;}
.bannerText .H3{font-size:42px; color:#fff; margin-top:10px;}

@media screen and (max-width:1300px){
	.bannerTextBox{bottom:20%;}
	.bannerText .H5{font-size:26px;}
	.bannerText .H3{font-size:32px;}
}
@media screen and (max-width:767px){
	.bannerText{padding:0; bottom:20%; background:none;}
	.bannerText .H5{font-size:16px;}
	.bannerText .H3{font-size:20px;}
}

.bodyBg{background-color:#e9eef4;}
.pageNav{background-color:#f8f8f8; text-align: center; font-size:0;}
.pageNav a{display:inline-block; width:17%; height: 59px; line-height: 59px; margin: 0 0.5px; font-size:16px; color:#53576c; background-color:#fff;}
.pageNav a:hover{background-color:#0073eb; color:#fff;}
.pageNav a.hover{background-color:#0073eb; color:#fff;}

@media screen and (max-width:991px){
	.pageNav{display:none;}
}


.babyserBox{position: relative; height: 41px; width:100%; display: none; background-color:#e9eef4;border-bottom:#e1e1e1 solid 1px; }
.babyser{ position: absolute; z-index: 5; top:0; left: 0;width:100%;}
.babyser h2{ float:left; width:100%; color:#333333; font-size:16px; line-height:40px; }
.babyser h2.active{border-bottom:#e1e1e1 solid 1px; }
.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:#e9eef4;}
.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:5px;}
.pz_SideLayerph .l1 h3.active a{ color:#d9393e;}
.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{ padding:0 0 0 5px; font-size:12px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

.erjiShow{display:inline-block;position: relative;margin-left:5px; padding-left:5px; }
.erjiShow::after{height:20px;width:1px;border-left:1px solid #e1e1e1; position:absolute; top:10px; left: 0px; content: "";}
.erjiShow .span{display:inline-block; font-size:12px; line-height: 40px; margin:0 5px 0 5px;}

@media screen and (max-width:991px){
	.babyserBox{display:block;}
}

.about1{padding:75px 0;overflow: hidden;}
.pageH3{font-size:30px; color:#53576c; padding-bottom:60px; position: relative; text-align: center; margin-bottom:35px;}
.pageH3::after{width:2px; height: 22px; background-color:#0073eb; position: absolute; bottom:0; left: 50%; margin-left:-1px; content: "";}
.pageTi{text-align:center;}
.pageTi .H4{font-size:24px; color:#53576c; font-weight: bold;}
.pageTi .H5{font-size:14px; color:#9c9faf; text-transform: uppercase; position: relative; font-family: Arial; margin-top:6px;}
.pageTi .H5::after,
.pageTi .H5::before{width:38.54%; position: absolute; top:50%; content: ""; height: 1px; background-color:#dadada; left: 0;}
.pageTi .H5::before{right:0; left: auto;}
.about1D1{margin-top:50px;}
.about1D1 .pic{width:316px; float:right; margin: 0 6.83% 10px 6.83%;}
.about1D1 .p{font-size:16px; color:#53576c; line-height: 30px; text-align: justify;}

@media screen and (max-width:1199px){
	.about1{padding:60px 0;}
	.pageTi .H5::after, .pageTi .H5::before{width:30%;}
}
@media screen and (max-width:767px){
	.about1{padding:30px 0;}
	.pageH3{font-size:22px; padding-bottom:30px; margin-bottom:20px; }
	.pageTi .H4{font-size:18px;}
	.pageTi .H5{font-size:12px;}
	.pageTi .H5::after, .pageTi .H5::before{width:20%;}
	.about1D1 .pic{width:160px; margin: 0 0 10px 10px;}
	.about1D1 .p{font-size:13px; line-height: 22px;}
	.about1D1{margin-top:25px;}
}

.about3{padding:80px 0;overflow: hidden;}
.about3D1{margin:50px 0 0 0; position: relative;}
.about3D1L{width:57.26%; float:left; background:url(../image/j18.jpg) center no-repeat; background-size:cover; padding:60px 4.8% 0 4.8%; height: 460px;}
.about3D1L .ico{display:inline-block; width:116px;}
.about3D1L > .H5{font-size:20px; color:#0073eb; padding:40px 0 35px 0;}
.about3D1L .p{font-size:16px; line-height: 30px; color:#53576c;}
.about3D1 .picBox{width:42.74%; position: absolute; top:0; right:0; overflow: hidden; height: 100%;}
.about3D1 .pic{width:100%; position: absolute; top:0; right:0; 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;
}
.about3D1:hover .pic{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}

.about3D2{margin:60px 0;}
.about3D2 .picBox{width:57.26%; left: 0; right: auto;}
.about3D2 .about3D1L{width:42.74%; float:right; text-align: right; background-image:url(../image/j19.jpg);}
.about3D2 .p2{text-align:center; font-size:0; margin-top:60px;}
.about3D2 .p2 .list{display:inline-block; vertical-align: top; margin: 0 11.6%;}
.about3D2 .p2 .list .H5{font-size:60px; color:#53576c; font-weight: bold; font-family: Arial;}
.about3D2 .p2 .list .H6{font-size:16px; color:#53576c; margin:20px 0 7px 0;}
.about3D2 .p2 .list .H7{font-size:12px; color:#0073eb;}
.about3D3Mar{margin:0 -15px;}
.about3D3List{padding-bottom:40px;}
.about3D3List .list{width:90%; margin: auto; background-color:#fff; padding:38px 0;cursor: pointer}
.about3D3List .list .pic{width:66.66%; margin: auto; background:url(../image/j21.jpg) center no-repeat; background-size:100% 100%; padding:6px; display: block; }
.about3D3List .list .img{display:block;overflow: hidden;}
.about3D3List .list .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.about3D3List .list:hover .img img{transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);}
.about3D3List .slick-dots{width:100%; line-height: 0; left: 0; bottom:0; text-align: center;}
.about3D3List .slick-dots li{width:9px; height: 9px; background-color:#c5c5c5; border-radius: 50%; margin: 0 5px;}
.about3D3List .slick-dots li.slick-active{background-color:#0073eb}

.bigImgBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.6); display: none;}
.bigImgBox2{width:40%; position: fixed; top:50%; left: 50%; background-color:#fff; padding:20px; z-index: 999999;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.bigImg{width:100%;min-height: 100px; }
.bigImgBox2 .close2{width:30px; height: 30px; right:-15px; top:-15px; position: absolute; cursor: pointer}


@media screen and (max-width:1199px){
	.about3{padding:60px 0;}
}
@media screen and (max-width:991px){
	.about3D2 .p2 .list{margin:0 6%;}
	.about3D1L{padding:30px 3% 0 3%;}
}
@media screen and (max-width:767px){
	.about3{padding:30px 0;}
	.about3D1{margin-top:25px;}
	.about3D1L{width:100% !important; padding:15px; height: auto;}
	.about3D1 .picBox{width:100% !important; float:left; position: static;}
	.about3D1 .pic{width:100% !important; float:left; background:none !important; position: static;}
	.about3D1L .ico{width:60px;}
	.about3D1L > .H5{font-size:16px; padding:10px 0;}
	.about3D1L .p{font-size:13px; line-height: 22px;}
	.about3D2 .p2{margin-top:10px;}
	.about3D2 .p2 .list .H5{font-size:40px;}
	.about3D2 .p2 .list .H6{font-size:14px; margin: 10px 0 5px 0;}
	.about3D2{margin:20px 0;}
	.about3D3Mar{margin:0 -7px;}
	.about3D3List .list{padding:12px;}
	.about3D3List .list .pic{width:100%;}
	.about3D3List{padding-bottom:25px;}
	.bigImgBox2{width:90%; padding:10px;}
}

.about4{padding:75px 0 80px 0; overflow: hidden;}
.about4 .pageTi .H5::after, .about4 .pageTi .H5::before{width:34.18%;}
.about4Mar{margin:0 -15px;}
.about4List{margin:38px 0 0 0;}
.about4List .list{width:90%; min-height: 333px; background-color:#fff; padding:30px 9.62%;}
.about4List .list:hover{animation: leftR 0.8s ease-out !important;animation-direction: alternate;}
@keyframes leftR{
	20% {transform: translate(-15px,0);}
	80% {transform: translate(15px,0);}
}
.about4List .list .ico{width:76px; height:76px; display: block; margin: auto; background-color:#ddeaf9; border-radius: 50%;}
.about4List .list .p{font-size:16px; line-height: 30px; margin-top:22px; text-align: justify;}
.about4List .slick-dots{width:100%; line-height: 0; left: 0; bottom:-20px; text-align: center;}
.about4List .slick-dots li{width:9px; height: 9px; background-color:#c5c5c5; border-radius: 50%; margin: 0 5px;}
.about4List .slick-dots li.slick-active{background-color:#0073eb}

@media screen and (max-width:1199px){
	.about4{padding:60px 0 60px 0;}
	.about4List .list .p{font-size:14px;}
}
@media screen and (max-width:767px){
	.about4{padding:30px 0 50px 0;}
	.about4Mar{margin:0;}
	.about4List{background-color:#fff;margin-top:25px;}
	.about4List .list{width:100%; min-height: inherit; padding:10px;}
	.about4List .list .ico{width:50px; height: 50px;}
	.about4List .list .p{font-size:13px; line-height: 22px;}
}


.bussi1{padding:80px 0;}
.bussi1 .text1{font-size:16px; color:#53576c; line-height: 36px; text-align: center;}
.bussi1 .pageH3{margin-bottom:22px;}
.bussi1 .pic1{ margin: 53px 0 82px 0; text-align: center;}
.bussi1 .pic1 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;
}

@media screen and (min-width:992px) {
    .bussi1 .pic1:hover img{
	transform:scale(1.1);
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-o-transform:scale(1.03);
}

}

@media screen and (min-width:768px){
	.bussiD1 .list{width:24.87%; float:left; margin:0 0.17% 2px 0;}
	.bussiD1 div:nth-child(4n) .list{margin-right:0;}
}
.bussiD1 .list{text-align:center; background-color:#fff; padding:30px 0;}
.bussiD1 .list .pic{width:83px; display: block; margin: auto; background:url(../image/p62.png) center no-repeat; background-size:100% 100%;}
.bussiD1 .list:hover .pic{animation: round 0.8s ease-out !important;animation-iteration-count: infinite;animation-direction: alternate;}
@keyframes round{
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}
.bussiD1 .list .H5{font-size:18px; color:#53576c; margin-top:25px;}
.bussiD1 .slick-dots{width:100%; line-height: 0; left: 0; bottom:0; text-align: center;}
.bussiD1 .slick-dots li{width:8px; height: 8px; background-color:#c5c5c5; border-radius: 50%; margin: 0 5px;}
.bussiD1 .slick-dots li.slick-active{background-color:#0073eb}
.bussiD2Box{margin-top:95px;}
.bussiD2List .list{width:23%; float:left; margin: 38px 2.66% 0 0; position: relative; overflow: hidden}
.bussiD2List .list 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;}
.bussiD2List .list:hover img{
	
transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.bussiD2List .list:nth-child(4n){margin-right:0;}
.bussiD2List .list .H5{width:100%; padding:0 10px; background-color:rgba(0,0,0,0.6); font-size:16px; color:#fff; line-height: 38px; position: absolute; bottom:0; left: 0; box-sizing: border-box; text-align: center;}


@media screen and (max-width:1199px){
	.bussi1{padding:60px 0;}
}
@media screen and (max-width:767px){
	.bussi1{padding:30px 0;}
	.bussi1 .text1{font-size:13px; line-height: 22px;}
	.bussi1 .text1 br{display:none;}
	.bussi1 .pic1{margin:20px 0 !important;}
	.bussiD1{padding-bottom:25px;}
	.bussiD1 .list{width:98%; margin: auto; padding:15px 0;}
	.bussiD1 .list .pic{width:60px;}
	.bussiD1 .list .H5{font-size:14px; margin-top:10px;}
	.bussiD2Box{margin-top:25px !important;}
	.bussiD2List{margin-top:15px;}
	.bussiD2List .list{width:49%; margin:10px 2% 0 0;}
	.bussiD2List .list:nth-child(4n){margin-right:2%;}
	.bussiD2List .list:nth-child(2n){margin-right:0}
	.bussiD2List .list .H5{font-size:14px; line-height: 30px;}
}

.bussi2 .pic1{margin:40px 0 50px 0;}
.bussi2 .pic11{}
.bussiD2Box2{margin-top:75px;}
.bussiD2List2 {font-size:0;text-align: center; margin-top:35px;}
.bussiD2List2 .list{width:20%; display: inline-block; background-color:#0073eb; padding:57px 0 45px 0; font-weight: bolder; position: relative;}
.bussiD2List2 .list:hover{animation: lR 0.8s ease-out !important;animation-iteration-count: infinite;animation-direction: alternate; position: relative;z-index: 1;}
@keyframes lR{
	20% {transform: translate(-15px,0);}
	80% {transform: translate(15px,0);}
}
.bussiD2List2 .list .pic{width:68px; display: block; margin: auto;}
.bussiD2List2 .list .H5{font-size:16px; color:#fff; margin-top:40px;}
.bussiD2List2 .list .num{font-size:70px; color:#fff; font-family: Arial; font-weight: bolder; position: absolute; bottom:0;line-height: 50px; width:100%; text-align: center; left: 0; opacity: 0.05;}
.bussiD2List2 .list:nth-child(2n){background-color:#2f8ced;}

@media screen and (max-width:767px){
	.bussiD2List2 .list{width:33.33%; padding:15px 0;}
	.bussiD2List2 .list .pic{width:30px;}
	.bussiD2List2 .list .H5{font-size:13px; margin-top:10px;}
	.bussiD2List2 {margin-top:25px;}
}


.bussi3 .pic1{margin:50px 0 0 0;}
.bussi3 .pic11{margin:60px 0 20px 0;}

@media screen and (max-width:767px){
	.bussi3 .pic11{margin:20px 0 0 0 !important;}
}


.bussi4 .pic3{margin:80px 0 25px 0;}
.bussi4 .pic3 .img{width:48.71%; margin-right:2.58%; float:left;}
.bussi4 .pic3 .img:nth-child(2n){margin-right:0;}
.bussi4 .pic12{margin:60px 0;}

@media screen and (max-width:1199px){
	.bussi4 .pic3{margin:60px 0 25px 0;}
}
@media screen and (max-width:767px){
	.bussi4 .pic3{margin:25px 0 25px 0;}
}


.caseBox{padding-bottom:80px;}
.caseBox .text{font-size:16px; line-height: 36px; padding:95px 0 55px 0; text-align: center; color:#53576c;}
.caseList{padding-bottom:60px;}
.caseList .list{background-color:#fff; padding:60px 0;}
.caseList .list:nth-child(2n){background-color:#e9eef4;}

.caseList.odd .list{background-color:#e9eef4;}
.caseList.odd .list:nth-child(2n+1){background-color:transparent;}


.caseList .list .pic{width:31.62%; float:left; overflow: hidden;}

.caseList.odd .list:nth-child(2n) .pic{width:31.62%; float:left; overflow: hidden;}

.caseList .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;}
.caseList .list:hover .pic img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.caseList .list .textL{margin-left:35.21%;}

.caseLis.oddt .list:nth-child(2n) .textL{margin-left:35.21%;}

.caseList .list .textL .H4{font-size:24px; color:#53576c; padding:6px 0 30px 0; position: relative;}
.caseList .list .textL .H4::after{width:80px; height: 2px; background-color:#0073eb; position: absolute; bottom:0; left: 0; content: "";}
.caseList .list .textL .p{font-size:14px; color:#8a8d9c;line-height: 30px; height: 90px; margin: 27px 0 27px 0; text-align: justify;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.more4{display:block; width:116px; height: 40px; border:1px solid #dbdbdb; border-radius: 30px; line-height: 38px; font-size:14px; color:#8a8d9c; text-align: center;}
.caseList .list a:hover .more4{background-color:#0073eb; color:#fff;}
.caseList .list:nth-child(2n) .pic{float:right;}
.caseList .list:nth-child(2n) .textL{ margin: 0 35.21% 0 0;}

.caseList.odd .list .pic{float:right;}
.caseList.odd .list .textL{ margin: 0 35.21% 0 0;}

.loadMore{text-align:center;}
.loadMore .ico{width:50px; height: 50px;-webkit-animation: rotate 1s linear infinite; display: block; margin: auto;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
.loadMore .H5{font-size:12px; color:#a2a5b2; line-height: 16px; margin-top:18px;}

@media screen and (max-width:1199px){
	.caseBox .text{padding:60px 0 30px 0; font-size:14px;}
	.caseBox{padding-bottom:60px;}
	.caseList .list .textL .H4{font-size:20px; padding:10px 0 20px 0;}
	.caseList .list .textL .p{margin:15px 0;}
	.caseList .list{padding:30px 0;}
}
@media screen and (max-width:767px){
	.caseBox .text{padding:20px 0; font-size:12px; line-height: 22px; text-align: justify;}
	.caseBox .text br{display:none;}
	.caseList .list{padding:15px 0;}
	.caseList .list .pic{width:140px;}
	.caseList .list .textL{margin-left:150px;}
	.caseList .list:nth-child(2n) .textL{margin:0 150px 0 0;}
	.caseList .list .textL .H4{font-size:16px; padding:5px 0;}
	.caseList .list .textL .H4::after{width:40px; height: 1px;}
	.caseList .list .textL .p{font-size:12px; line-height: 20px; height: 60px; margin: 5px 0;}
	.caseList .list .more4{display:none;}
	.caseBox,
	.caseList{padding-bottom:30px;}
	.loadMore .ico{width:24px; height: 24px;}
	.loadMore .H5{margin-top:5px;}
}

.caseBox2{padding:80px 0;}
.backList{ margin-top:-82px; position: relative; z-index: 1;}
.backList .back{width:128px; height: 42px; line-height: 42px;text-align: center; font-size:16px; color:#fff; border-radius: 30px; background-color:#bad5f2; float:right;}
.backList .back .ico{display:inline-block; width:16px; height: 16px;margin-left:6px;}
.backList .back:hover{background-color:#0073eb;}
.caseDe{background-color:#fff; padding:75px 5.98% 65px 5.98%; margin: 40px 0 60px 0; font-size:16px; color:#636676; line-height: 36px; overflow: hidden;}
.caseDe .bold{font-weight: bold; display: block;}
.caseDe .img{text-align:center;}
.caseAbout{margin-top:55px;}

.caseAbList{margin-top:44px;}
.caseAbList .topk{margin:0 -15px;}
.caseAbList .hometop .list{width:85%; margin: auto;}
.caseAbList .hometop .list .pic{width:100%; border-radius: 8px; overflow: hidden; background-color:#fff; border:3px solid #fff; box-sizing: border-box;}
.caseAbList .hometop .list .trangle{width:23px; height: auto; line-height: 0;  margin: 17px auto auto auto; display: none;}
.caseAbList .hometop .slick-current .trangle{display:block;}
.caseAbList .hometop .slick-current .pic{border:3px solid #0073eb;}
.caseAbList .homedown{background-color:#fff; padding:25px 2.56%; font-size:16px; line-height: 36px; color:#636676;}
.caseAbList .hometop .slick-prev,
.caseAbList .hometop .slick-next{width:32px; height: 32px; background:#f6f8fb;box-shadow: 0 3px 10px rgba(0,0,0,0.19);border-radius: 50%;top:38%;}
.caseAbList .hometop .slick-prev{left:-45px; background:url(../image/p35.png) center no-repeat #fff; background-size:100%; }
.caseAbList .hometop .slick-next{right:-45px;background:url(../image/p36.png) center no-repeat #fff; background-size:100%; }
.caseAbList .hometop .slick-prev:hover{background-image:url(../image/p38.png); background-color:#0073eb;}
.caseAbList .hometop .slick-next:hover{background-image:url(../image/p37.png); background-color:#0073eb;}

@media screen and (max-width:1199px){
	.caseBox2{padding:60px 0;}
}
@media screen and (max-width:767px){
	.caseBox2{padding:30px 0;}
	.backList{ margin-top: -20px;}
	.backList .back{width:100px; height: 34px; line-height: 34px; font-size:12px;}
	.caseDe{margin:30px 0; padding:20px 10px; font-size:13px; line-height: 24px; text-align: justify;}
	.caseAbout,
	.caseAbList{margin-top:30px;}
	.caseAbList .hometop .list{width:90%;}
	.caseAbList .topk{margin:0 -7px;}
	.caseAbList .hometop .list .pic{border-width:2px;}
	.caseAbList .hometop .list .trangle{width:12px; margin-top:5px;}
	.caseAbList .homedown{padding:10px; line-height: 24px; font-size:13px; }
	.caseBox2 .pageH3{font-size:18px;}
}

.newsBox{padding:80px 0;}
.newsBox .index4List{padding-bottom:30px ;}
.newsBox .index4List .list{width:23%; float:left;  background-color:#fff; margin:0 2.66% 30px 0; height: 352px; overflow: hidden;}
.newsBox .index4List .listBox{background:none; position: static; transform:translate(0); height: auto;}
.newsBox .index4List .list:nth-child(4n){margin-right:0;}
.newsBox .index4List .list:hover .listBox{background:none;}
.newsBox .index4List .listBox .time{color:#9d9d9d; opacity: 1; }
.newsBox .index4List .listBox .time::after{background-color:#0073eb;}
.newsBox .index4List .listBox .H4{color:#53576c;}
.newsBox .index4List .listBox .p{color:#53576c;opacity: 0.8;}
@media screen and (min-width:992px){
	.newsBox .index4List .list:hover { background-color:#0073eb;}
	.newsBox .index4List .list:hover .time{color:#fff; opacity: 0.8;}
.newsBox .index4List .list:hover .time::after{background-color:#fff; }
.newsBox .index4List .list:hover .H4{color:#fff;}
.newsBox .index4List .list:hover .p{display:none;}
.newsBox .index4List .list:hover .more3{margin-top:45px;}
}

@media screen and (max-width:1199px){
	.newsBox{padding:60px 0;}
}
@media screen and (max-width:992px){
	.newsBox .more3{opacity:1; border:1px solid #0073eb;color:#0073eb;}
	.newsBox .index4List .list{height:auto;}
}
@media screen and (max-width:767px){
	.newsBox{padding:30px 0;}
	.newsBox .index4List .list{width:48%; margin:0 4% 20px 0;}
	.newsBox .index4List .list:nth-child(4n){margin-right:4%;}
	.newsBox .index4List .list:nth-child(2n){margin-right:0%;}
	.newsBox .index4List{padding-bottom:10px;}
}

.paging{text-align:center; font-size:0;}
.paging a{display:inline-block; vertical-align: middle; width:30px; height: 30px; border-radius: 30px; line-height:30px; text-align: center; font-size:14px; color:#272727; margin: 0 8px; box-sizing: border-box; background-color:#fff;}
.paging .pageup{width:100px; background:url(../image/p112.png) center no-repeat #fff; background-size:100%;}
.paging .pagedown{width:100px; background:url(../image/p111.png) center no-repeat #fff; background-size:100%;}
.paging .pageup:hover{background-image:url(../image/p109.png);}
.paging .pagedown:hover{background-image:url(../image/p110.png);}
.paging .pageup.hover{background-image:url(../image/p109.png);}
.paging .pagedown.hover{background-image:url(../image/p110.png);}
.paging a.hover{background-color:#0073eb; color:#fff; }
.paging .aPh{font-size:12px; color:#333; margin: 0 5px; display:none; vertical-align: middle;}

@media screen and (min-width:992px){
	.paging a:hover{background-color:#0073eb; color:#fff;}
}

@media screen and (max-width:767px){
	.paging .a{display:none;}
	.paging .aPh{display:inline-block;}
}


.pageH32{margin:0; padding:0;}
.pageH32::after{display:none;}
.newsBox2 .time2{text-align:center; font-size:16px; color:#9094a1; padding:13px 0 40px 0; position: relative;}
.newsBox2 .time2::after{width:2px; height: 22px; content: ""; background-color:#0073eb; position: absolute; bottom:0; left: 50%; margin-left:-1px;}
.newsBox2 .backList{margin-top:-72px;}
.daodu{}
.daodu .dot{width:64px; float:left;}
.daodu .daodu2{width:72px; height: 29px; line-height: 29px; border-radius: 4px; text-align: center; background-color:#338fef; font-size:18px; color:#fff; float:left; margin: 20px 0 0 27px;}
.daodu .p{float:left; width:100%;  padding:35px 0; text-align: justify; position: relative;}
.daodu .p::after{width:1170px; height: 1px; background-color:#ebebeb; content: ""; bottom:0; left: -70px;position: absolute;}
.newsBox2 .p2{padding-top:36px;}
.pageShare{padding:40px 0 60px 0; line-height: 0; font-size:0; text-align: center;}
.pageShare .bdsharebuttonbox {display: inline-block; }
.pageShare .bdsharebuttonbox a{width:40px; height: 40px; border-radius: 50%; background-color:#dedede; margin: 0 10px; padding: 0;}
.pageShare .bdsharebuttonbox .bds_weixin{background:url(../image/p114.png) center no-repeat #dedede;}
.pageShare .bdsharebuttonbox .bds_sqq{background:url(../image/p115.png) center no-repeat #dedede;}
.pageShare .bdsharebuttonbox .bds_tsina{background:url(../image/p116.png) center no-repeat #dedede; }
.pageShare .bdsharebuttonbox .bds_qzone{background:url(../image/p117.png) center no-repeat #dedede;}

@media screen and (max-width:991px){
	.newsBox2 .backList{margin:0;}
	.pageShare{display:none;}
}
@media screen and (max-width:767px){
	.daodu .dot{width:30px;}
	.daodu .daodu2{width:60px; height: 30px; line-height: 30px; margin: 0 0 0 15px; font-size:12px;}
	.daodu .p{padding:15px 0;}
	.newsBox2 .p2{padding-top:20px;}
}


.pageA{ position: relative; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.pageA > a{font-size:16px; color:#636676;width:46.6%; height: 60px; line-height: 60px; float:left; text-transform: uppercase;}
.pageA > a:hover{color:#0073eb;}
.pageA .left{display:inline-block;}
.pageA > a .span{margin:0 13px; display:inline-block}


.pageA .icoBox{width:6.8%;float:left; border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb; height: 60px;}
.pageA .ico{width:20px; height: 14px; display: block; line-height: 0; margin: 22px auto auto auto; }
.pageUp{}
.pageDown{float:right; width:49%; text-align: right;}

@media screen and (max-width:992px){
	.pageA{margin-top:20px;}
	
}
@media screen and (max-width:767px){
	.pageA > a{width:100%; text-align: left!important; border:none; height: auto;line-height: 26px; font-size:14px; padding:0;}
	.pageA{padding:10px 0; }
	.pageA .icoBox{display:none;}
	.pageA .left{float:left;}
	.pageA .left .span{float:right;}
	
}


.address{padding:80px 0;}
.address .list{width:25%; float:left;}
.address .list .ico{width:99px; margin: auto;}
.address .list .text{margin-top:30px; text-align: center;}
.address .list .text .H5{font-size:18px; color:#53576c; font-weight: bold;}
.address .list .text .H6{font-size:16px; color:#53576c; margin-top:18px;}

@media screen and (max-width:1199px){
	.address{padding:60px 0;}
}
@media screen and (max-width:767px){
	.address{padding:30px 0;}
	.address .list{width:100%; margin: 0 0 20px 0 ;}
	.address .list:last-child{margin:0;}
	.address .list .ico{width:50px; float:left;}
	.address .list .text{margin:0 0 0 60px; text-align: left;}
	.address .list .text .H5{font-size:16px;}
	.address .list .text .H6{fo-size:13px; margin-top:10px;}
}

.map{ width:100%; height:561px; box-shadow: 0 0 20px rgba(0,0,0,0.16); }
#bdmap{ width:100%; position:relative; height:100%;}
#bdmap .BMap_pop{ float:right; background-image:url(../image/p123.png); background-repeat:no-repeat; border:none !important; width:350px !important; border:0 !important; height:53px; margin: 89px 0 0 200px;}
#bdmap .BMap_pop .BMap_top,#bdmap .BMap_pop .BMap_center,#bdmap .BMap_pop .BMap_bottom,#bdmap .BMap_pop div:nth-child(9n){ width:86% !important;}
#bdmap .BMap_pop div{ background:none !important; border-color: none !important; border:0 !important;}
#bdmap .BMap_pop div img{display:none;}
#bdmap .iw_poi_content{ font-size: 15px; color: #333333;  text-align: center; padding:15px 0 22px 0; font-weight: bold;}
#bdmap .BMap_shadow{ width:100%; float: left; display: none !important;}
#bdmap .BMapLabel{ display: none !important;}
#bdmap .BMap_pop div:nth-child(9){height:55px; top:0 !important; left: 0 !important; width: 100% !important; height: 100%; }
#bdmap .BMap_pop img:nth-child(10){display:none;}
@media  screen and (max-width:767px){
	#bdmap .BMap_pop{ margin: 89px 0 0 190px;}
}

.message{background-color:#fff; padding: 60px 12.39%; margin-top:-60px;position: relative; z-index: 1; margin-bottom:80px;}
.message .p{font-size:18px; color:#444444; text-align: center; margin: 0 0 40px 0;}
.message .formList .list{width:48.29%; float:left; margin:0 3.42% 30px 0; border:1px solid #ececec; background-color:#fff; padding:0 20px;}
.message .formList .list:nth-child(2n){margin-right:0;}
.message .formList .list .H4{float:left; font-size:16px; color:#666666; line-height: 50px;}
.message .formList .list .H4 .i1{color:#0073eb; }
.message .formList .list .input{float:left; width:70%; height: 50px;font-size:16px; color:#666666; margin-left:10px;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0}
.message .formList .last{width:100%; margin-right:0;}
.message .formList .last .textarea{ display:block; width:90%; height: 88px; float:right; padding:12px 0 0 0;font-size:16px; color:#666666; border:none;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border-radius:0
}
.message .submit{width:365px; height: 52px; border-radius: 6px; background-color:#0073eb; display: block; margin: auto; font-size:18px; color:#fff;
	appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;}
.message .submit:hover{background-color:#045a82;}

@media screen and (max-width:1199px){
	.message{margin-bottom:60px;}
}
@media screen and (max-width:991px){
	.map{height:300px;}
	.message{padding:30px;}
	.message .formList .last .textarea{width:88%;}
	.message .formList .list .input{width:60%;}
}
@media screen and (max-width:767px){
	.map{height:240px;}
	.message{margin-top:10px; padding:20px 10px; margin-bottom:30px;}
	.message .p{font-size:13px; line-height: 20px; margin: 0 0 20px 0;}
	.message .formList .list{width:100%; margin: 0 0 15px 0; padding:0 10px;}
	.message .formList .list .H4{line-height: 36px; font-size:13px;}
	.message .formList .list .input{height:36px; width:60%; font-size:12px;}
	.message .formList .last .textarea{width:100%; padding:0;font-size:12px; margin-bottom:10px;}
	.message .submit{width:90%; font-size:12px; height: 30px;}
}
.pageBox{}
.local{float:right; font-size:14px; color:#6b6b6b; line-height: 60px;margin-right:3.94%; letter-spacing: 1px; white-space: nowrap;}
.local a{color:#6b6b6b;}
.local a:hover{color:#0073eb;}
.local .ico{width:16px; height: 16px; float:left; margin: 22px 0 0 0; line-height: 0; margin-right:10px;}

@media screen and (max-width:991px) {
    .pageBox{display:none}
}