@charset "utf-8";
/*公共样式*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,body{
	padding:0;
	margin:0;
}
ul,li{
	 list-style:none;
}
img{
	border:0 none;
}
input,textarea {
	outline: none;
}
a{ 
	text-decoration:none;
	color:#666;
	transition: all 0.3s;
	-moz-transition: all 0.3s; 
	-webkit-transition: all 0.3s; 
	-o-transition: all 0.3s;
}
a:hover{
	text-decoration: none;
	color: #ac0001;
}

body{
	font-size:16px;
	font-family:"微软雅黑";
	color:#666;
	line-height:32px;
	overflow-x: hidden;
}
@media only screen and (max-width:991px ) {
	body {
		font-size: 14px;
		line-height: 24px;
	}
}
@media only screen and (min-width:1600px ) {
	.container {
		width: 1400px;
	}
}
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.bg_none{
	background:none !important;	
}
.bd_none{
	border:none !important;	
}
html,body{
      -webkit-text-size-adjust:none;
}



[allbanner] .img img{width:100%;float: left;}
/*banner*/
.indexban{position:relative}
.indexban .swiper-button-prev,
.indexban .swiper-button-next{width:78px;height:78px;margin-top:-24px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexban .swiper-button-prev{left:30px;background-image:url(../images/bann-l.png)}
.indexban .swiper-button-next{right:30px;background-image:url(../images/bann-r.png)}
.indexban .swiper-button-prev:hover{background-image:url(../images/bann-l_cur.png)}
.indexban .swiper-button-next:hover{background-image:url(../images/bann-r_cur.png)}
.indexban .swiper-slide .textbox{position:absolute;left:calc((100% - 1200px)/2);top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1.4s ease 0s;-webkit-transition:1.4s ease 0s;-moz-transition:1.4s ease 0s}
.indexban .swiper-slide .textbox1,
.indexban .swiper-slide .textbox4{top:15%;opacity:0}
.indexban .swiper-slide .textbox1.cur,
.indexban .swiper-slide .textbox4.cur{top:40%;opacity:1}
.indexban .swiper-slide .textbox1 .cnname{font-size:35px;text-align:center;margin:0 auto;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox1 .enname{width:80%;font-size:60px;text-align:center;margin:16px auto 0;line-height:1;color:#fff;font-family:'helblack';font-weight: bold;}
.indexban .swiper-slide .textbox .more{width:150px;height:48px;background-color:#0079d5;color:#fff;text-align:center;line-height:48px;display:block}
.indexban .swiper-slide .textbox1 .more{margin:82px auto 0}
.indexban .swiper-slide .textbox2,
.indexban .swiper-slide .textbox3{top:50%;left:80%;opacity:0}
.indexban .swiper-slide .textbox2.cur,
.indexban .swiper-slide .textbox3.cur{left:50%;opacity:1}
.indexban .swiper-slide .textbox2 .enname{font-family:'dincon';opacity:0.2;font-size:42px;color:#fff}
.indexban .swiper-slide .textbox2 .cnname{font-weight:bold;font-size:45px;color:#fff;margin-top:26px}
.indexban .swiper-slide .textbox2 .text{font-size:26px;color:#fff;margin-top:19px}
.indexban .swiper-slide .textbox2 .more{margin-top:42px}
.indexban .swiper-slide .textbox3 .enname{font-family:'idcnmei';opacity:0.2;font-size:36px;color:#fff}
.indexban .swiper-slide .textbox3 .cnname{font-weight:bold;font-size:32px;color:#fff;margin-top:12px}
.indexban .swiper-slide .textbox3 .more{margin-top:42px}
.indexban .swiper-slide .textbox4 .icon{text-align:center}
.indexban .swiper-slide .textbox4 .icon img{display:inline-block}
.indexban .swiper-slide .textbox4 .cnname{width:80%;font-size:34px;text-align:center;margin:18px auto 0;line-height:1.286;color:#fff}
.indexban .swiper-slide .textbox4 .text{width:35.8%;text-align:center;margin:17px auto 0;opacity:0.6;color:#fff;line-height:2.286}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:40px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:rgba(255,255,255,0.5);opacity:1;margin:0 8px;position:relative}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg{width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-10px}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet svg:nth-child(2){position:absolute;left:0;top:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background{stroke:rgba(255,255,255,0);stroke-width:1}
.circle-chart__circle{stroke-linecap:square;fill:none}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{stroke:#fff;stroke-width:1;stroke-linecap:square;fill:none;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;-moz-transform-origin:center}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 5.2s linear reverse;-moz-animation:circle-chart-fill 5.2s linear reverse;-webkit-animation:circle-chart-fill 5.2s linear reverse;-ms-animation:circle-chart-fill 5.2s linear reverse}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle{animation:circle-chart-fill 4.5s linear reverse;-moz-animation:circle-chart-fill 4.5s linear reverse;-webkit-animation:circle-chart-fill 4.5s linear reverse;-ms-animation:circle-chart-fill 4.5s linear reverse}
@keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-webkit-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-moz-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}@-ms-keyframes circle-chart-fill{to{stroke-dasharray:0 100}
}

@media (max-width:1620px){ 
    .indexban .swiper-slide .textbox{}
 }
@media (max-width:1440px){ 
    .indexban .swiper-slide .textbox{}
    .indexban .swiper-slide .textbox1 .cnname{font-size:25px}
    .indexban .swiper-slide .textbox1 .enname{font-size:46px}
    .indexban .swiper-slide .textbox1 .more{margin:41px auto 0}
    .indexban .swiper-slide .textbox2 .enname{font-size:32px}
    .indexban .swiper-slide .textbox2 .cnname{font-size:34px;margin-top:14px}
    .indexban .swiper-slide .textbox2 .text{font-size:18px;margin-top:9px}
    .indexban .swiper-slide .textbox2 .more, .indexban .swiper-slide .textbox3 .more{margin-top:31px}
    .indexban .swiper-slide .textbox3 .enname{font-size:26px}
    .indexban .swiper-slide .textbox3 .cnname{font-size:20px}
    .indexban .swiper-slide .textbox4 .icon img{height:54px}
    .indexban .swiper-slide .textbox4 .cnname{font-size:24px;margin-top:10px}
    .indexban .swiper-slide .textbox4 .text{width:60%;line-height:2;margin:10px auto 0}
 }
@media (max-width:1280px){ 
    .indexban .swiper-slide .textbox{}
}

@media (max-width:1024px){
    .indexban .swiper-button-prev,
    .indexban .swiper-button-next{display:none}
}

.tit{ text-align:center; font:100px "Microsoft YaHei UI"; color:#f2f2f2; text-transform:uppercase;}
.tit a{ color:#f2f2f2;}
.tit em{ display:block; font:48px "Microsoft YaHei UI"; position:relative; margin-top:-70px; color:#000;}
.tit i{ display:block; font:20px "Microsoft YaHei UI"; color:#000; margin-top:12px;}

.yinz{ background:url(../images/yinz_bg.jpg) no-repeat center top; height:1050px; overflow:hidden;}
.yinz .tit a{ color:#e1e5ea;}
.yinz1{ width:645px; overflow:hidden; margin-top:100px;}
.yinz p{ width:600px; margin:30px 0 23px; font:14px "Microsoft YaHei UI"; line-height:30px; color:#86898b; height:90px; overflow:hidden; text-align:center;}
.yinz h5{ width:140px; height:40px; margin:0 auto; border-radius:5px; background:#186ae1; border:3px solid #186ae1; text-align:center; font:16px "Microsoft YaHei UI"; line-height:40px;}
.yinz h5 a{ display:block; color:#fff;}
.yinz h5:hover a{ color:#000;}
.yinz h5:hover{ border:3px dashed #186ae1; background:none;}

.sys{ height:824px; padding-top:75px; overflow:hidden; background:url(../images/sys_bg.jpg) no-repeat center top;}
.sys .tit a{ color:rgba(255,255,255,0.03);}
.sys .tit em,.sys .tit i{ color:#fff;}
.sys ul{ margin:125px 0 0 145px;}
.sys li{ width:230px; height:140px; border:4px solid #33d69f; border-radius:230px; float:left; margin-right:94px; text-align:center; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#fff; padding-top:90px;}
.sys li em{ display:block; font:18px "Microsoft YaHei UI"; color:#fff; opacity:0.5; margin-top:14px;}
.sys li:nth-child(2){ border:4px solid #ff9066;}
.sys li:nth-child(3){ border:4px solid #186ae1;}
.sys li:hover{border:4px dashed #33d69f;transform: translateY(-10px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.sys li:nth-child(2):hover{ border:4px dashed #ff9066;}
.sys li:nth-child(3):hover{ border:4px dashed #186ae1;}

.int{ height:785px; background:url(../images/int_bg.jpg) no-repeat center top; padding-top:65px;}
.int .tit a{ color:#e2e3e7;}
.int h3{ width:209px; height:429px; float:left; margin:70px 0 0 180px;}
.int h3 img{ display:block;width:209px; height:429px;}
.int h3:hover img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.int ul{ width:560px; float:right; margin:100px 80px 0 0;}
.int li{ width:280px; height:213px; float:left; text-align:center; font:20px "Microsoft YaHei UI"; text-align:center; color:#000;}
.int li img{ display:block; width:90px; height:90px; margin:0 auto 18px;-moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;}
.int li em{ display:block; font:15px "Microsoft YaHei UI"; color:#838386; margin-top:12px;}
.int li:hover img{-moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);}
 
.pro{ height:1122px; margin-top:70px;}
.prot{ height:140px; margin:34px 0 0 160px;}
.prot h3{ width:90px; height:90px; background:#eeeff3; border-radius:90px; text-align:center; font:24px "Microsoft Yahei"; line-height:90px; color:#070707; float:left; margin-right:172px; cursor:pointer;}
.prot .cur,.prot h3:hover{ background:#33d69f; color:#fff;}
.prot h3:last-child{ margin-right:0;}
.pro1{ height:750px;}
.pro1 dl{ position:relative;}
.pro1 dt img{ display:block; width:1200px; height:720px;}
.pro1 dd p{ width:240px; position:absolute;}
.pro1 dd p em{ display:block; font:20px "Microsoft Yahei"; color:#000;white-space: nowrap;}
.pro1 dd p span{ display:none; font:16px "Microsoft Yahei"; line-height:24px; color:#000; margin-top:5px;} 
.pro1 dd .p1{ top:48px; left:206px;}
.pro1 dd .p2{ top:38px; left:930px;}
.pro1 dd .p3{ top:324px; left:0;}
.pro1 dd .p4{ top:230px; left:1032px;}
.pro1 dd .p5{ top:582px; left:72px;}
.pro1 dd .p6{ top:582px; left:965px;}
.pro1 dd p:hover em{ color:#186ae1;}
.pro1 dd p:hover span{ display:block;}

.tyan2{ margin-top:35px;}
.tyan2 img{ display:block; width:100%;}
.tyan2 .slick-arrow{ display:none; width:0; height:0; background:none;}
.tyan2 .slick-dots{ position:absolute; bottom:30px; height:30px;}
.tyan2 .slick-dots li{ margin:0 9px;}
.tyan2 .slick-dots li button:before{ content:"1"; position:absolute; width:20px; height:20px; border-radius:20px;opacity:1; background:#fff;}
.tyan2 .slick-dots li:nth-child(2) button:before{ content:"2";}
.tyan2 .slick-dots li:nth-child(3) button:before{ content:"3";}
.tyan2 .slick-dots li:nth-child(4) button:before{ content:"4";}
.tyan2 .slick-dots .slick-active button:before{ background:#186ae1; color:#fff;}

.jiam{ background:#f1f2f6; padding:70px 0; text-align:center; min-width:1200px;max-width:1920px; width:100%;}
.jiam dl{ width:28.7%; height:auto; margin-left:3.5%; position:relative; float:left;}
.jiam dt img{ display:block; width:100%; border:10px solid #d9d9dd; border-radius:22px; box-sizing:border-box;}
.jiam dd{ width:100%; position:absolute; top:24%;}
.jiam dd h3 a{ display:block; font-size:2.25rem; font-weight:normal; color:#fff; text-align:center; width:70%; padding-bottom:1rem; border-bottom:1px solid #fff; margin:0 auto;}
.jiam dd p{ text-align:center; line-height:2.8rem; font-size:1rem;}
.jiam dd p a{ display:inline-block; color:#fff; opacity:0.8; padding:0 1%;}
.jiam dd p a:hover{ opacity:1; text-decoration:underline; color:#186ae1; font-weight:bold;}
.jiam dl:hover dt img{ border:10px solid #186ae1;}
@media (min-width: 1600px) and (max-width: 1920px) {
	.jiam dd{top:33%;}
}


.news{ height:695px; margin-top:60px; overflow:hidden;}
.newst{ height:100px; overflow:hidden; position:relative;}
.newst h3{ font:16px "Microsoft YaHei UI"; line-height:100px; float:left; margin-right:75px;}
.newst h3 a{ display:block; color:#000;}
.newst h3 a:hover,.newst .cur a{ font-weight:bold; color:#186ae1;}
.newst h5 a{ display:block; font:16px "Microsoft YaHei UI"; line-height:100px; color:#a3a3a3; position:absolute; top:0; right:0;}
.news1{ height:400px;}
.news1 dl{ width:572px; float:left; height:400px; overflow:hidden;}
.news1 dt{ width:572px; height:264px; overflow:hidden; margin-bottom:20px;}
.news1 dt img{ display:block;width:572px; height:264px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news1 dd h5{ width:112px; height:76px; border-right:1px solid #ebebeb; text-align:center; font:50px Arial, Helvetica, sans-serif; color:#333; float:left;}
.news1 dd h5 em,.news1 li h5 em{ display:block; font:14px "Microsoft YaHei UI"; color:#666;}
.news1 dd p{ width:420px; float:right; overflow:hidden;}
.news1 dd p a,.news1 li p b{ display:block; font:18px "Microsoft YaHei UI"; color:#333;}
.news1 dd p i,.news1 li p i{ display:block; font:14px "Microsoft YaHei UI"; line-height:21px; color:#888; margin-top:13px;}
.news1 ul{ width:560px; float:right; overflow:hidden;}
.news1 li{ border:1px solid #ebebeb; margin-bottom:20px; height:108px;}
.news1 li h5{ width:135px; height:80px; text-align:center; margin-top:12px; border-right:1px solid #ebebeb; font:50px Arial, Helvetica, sans-serif; color:#333; float:left;}
.news1 li p{ width:385px; float:right; margin:16px 12px 0 0;}
.news1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news1 dl:hover dd p a,.news1 li:hover p b{ font-weight:bold; color:#186ae1;}
.news1 li:hover{ border:1px solid #186ae1;}

.about{ background:url(../images/about_bg.jpg) no-repeat center top; height:750px; overflow:hidden;}
.about dl{ width:400px; float:right; margin:133px 85px 0 0;}
.about .tit a{ color:#131629;}
.about .tit em,.about .tit i{ color:#fff;}
.about dd p{ font:16px "Microsoft YaHei UI"; text-align:center; line-height:32px; color:#9d9fa7; height:64px; overflow:hidden; margin:42px 0 32px;}
.about dd span a{ display:block; width:140px; height:40px; border:3px solid #186ae1; background:#186ae1; border-radius:8px; font:6px "Microsoft YaHei UI"; text-align:center; line-height:40xp; overflow:hidden; color:#fff; line-height:40px; margin:0 auto;}
.about dd span a:hover{ border:3px dashed #186ae1; background:none;}

.link{ position:relative; margin-top:-100px; z-index:5;}
.link p{ width:800px; margin-left:20px; font:14px "Microsoft YaHei UI"; line-height:32px; color:#a4a4a4;}
.link p a{ display:inline-block;color:#a4a4a4; padding-right:30px;}
.link p a:hover{font-weight:bold; color:#186ae1;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}



.HomePlans {
        background-image: url(../images/boxbg1.jpg);
        padding: 5% 0 2%;
    }
    
    .Bigimg {
        padding-bottom: 5%;
    }
    
    .Bigimg .con {
        width: 43%;
        float: left;
        margin-left: 6.9%;
        padding-top: 4%;
    }
    
    .Bigimg .con .info {
        font-size: 15px;
        line-height: 32px;
        color: #666;
        max-height: 94px;
        overflow: hidden;
        margin: 8% 0;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .Bigimg .con .more {
        display: block;
        width: 160px;
        background: #00a0e9;
        box-shadow: 0px 5px 20px rgba(0, 160, 233, 0.4);
        line-height: 56px;
        font-size: 16px;
        color: #fff;
        border-radius: 30px;
        text-align: center;
    }
    
    .Bigimg .con .more i {
        font-family: "宋体";
        padding-left: 18px;
    }
    
    .Bigimg .pic {
        width: 46.7%;
        float: right;
        position: relative;
    }
    
    .Bigimg .pic img {
        display: block;
        width: 100%;
    }
    
    .Bigimg .pic .jia {
        position: absolute;
        left: 85%;
        top: 100%;
        margin: -80px 0px 0px -15px;
        z-index: 3;
        width: 64px;
        line-height: 64px;
        font-size: 26px;
        color: #fff;
        text-align: center;
        border-radius: 50%;
    }
    
    .Bigimg .pic .jia i {
        position: absolute;
        z-index: 0;
        background: rgba(255, 255, 255, 0.5);
        z-index: 1;
        width: 100px;
        height: 100px;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        margin: -50px 0px 0px -50px;
        -webkit-animation: warn 4s ease-out;
        -moz-animation: warn 4s ease-out;
        animation: warn 4s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    
    .Bigimg .pic .jia span {
        position: relative;
        z-index: 2;
        display: block;
        background: #00a0e9;
        border-radius: 50%;
    }
    
    .Bigimg .flex-direction-nav a {
        line-height: 10000px;
        overflow: hidden;
        background-size: cover;
        top: auto;
        margin-top: 0;
        bottom: 5%;
        width: 54px;
        height: 54px;
    }
    
    .Bigimg .flex-direction-nav .flex-prev {
        left: -55px;
        background-image: url(../images/left.png);
    }
    
    .Bigimg .flex-direction-nav .flex-next {
        right: -55px;
        background-image: url(../images/right.png);
    }
    
    .Bigimg .flex-direction-nav .flex-prev:hover {
        background-image: url(../images/lefton.png);
    }
    
    .Bigimg .flex-direction-nav .flex-next:hover {
        background-image: url(../images/righton.png);
    }
    
    .Smallimg {
        position: relative;
        width: 660px;
        left: 50%;
        margin-left: -330px;
        bottom: 0px;
    }
    
    .Smallimg .slides li {
        text-align: center;
        padding: 20px 0;
    }
    
    .Smallimg .slides li img {
        display: block;
        width: 100%;
    }
    
    .Smallimg .slides li a {
        display: inline-block;
        vertical-align: middle;
        margin-top: 5%;
        border: 2px solid #fff;
        background: #f5f8fa;
        border-radius: 50%;
        width: 60%;
    }
    
    .Smallimg .slides li.flex-active-slide a {
        width: 80%;
        background: #fff;
        box-shadow: 0px 4px 20px rgba(0, 46, 89, 0.3);
        margin-top: 0;
    }
	
	.boxbg,
    .effect-img span {
        background-size: cover;
        background-position: center center;
    }
    
    .HomeTit {
        margin-bottom: 3%;
    }
    
    .HomeTit .more {
        float: right;
        width: 29px;
        height: 29px;
        background: url(../images/more.png);
        margin-top: 60px;
    }
    
    .HomeTit .name {
        display: block;
        font-size: 34px;
        line-height: 42px;
        color: #2d373c;
        font-weight: bold;
    }
    
    .HomeTit i {
        display: block;
        width: 30px;
        height: 2px;
        background: #00a0e9;
        margin: 16px 0px 13px;
    }
    
    .HomeTit p {
        font-size: 16px;
        color: #666;
        line-height: 24px;
    }
    
    .HomeTit.tc {
        text-align: center;
    }
    
    .HomeTit.tc i {
        margin: 16px auto 13px;
    }
    
    .HomeTit.whitetxt .name {
        color: #fff;
    }
    
    .HomeTit.whitetxt i {
        background: rgba(255, 255, 255, 0.3);
    }
    
    .HomeTit.whitetxt p {
        color: rgba(255, 255, 255, 0.3);
    }
	.w1440 {
        max-width: 1440px;
        min-width: 320px;
        margin: 0px auto;
    }
    
    .w1240 {
        max-width: 1240px;
        min-width: 320px;
        margin: 0px auto;
    }
    
    .auto {
        padding: 0px 76px;
    }
    
    .MarginL {
        padding: 0;
        margin: 0px 76px;
    }
    
    .f_red {
        color: #e60122;
    }
    
    @media ( max-width:1440px) {
        .w1440 {
            padding: 0 3%;
        }
        .auto {
            padding: 0px 44px;
        }
        .MarginL {
            padding: 0;
            margin: 0px 44px;
        }
    }
    
    @media ( max-width:1240px) {
        .w1240 {
            padding: 0 3%;
        }
        .auto {
            padding: 0px 15px;
        }
        .MarginL {
            padding: 0;
            margin: 0px 15px;
        }
        .w1440 .w1240 {
            padding: 0;
        }
    }
    
    @media ( max-width:1200px) {
        .w1200 {
            padding: 0px 15px;
        }
    }
	
	
	



/*产品中心*/
.wzbox{max-width: 1200px; margin: 0 auto;margin-top: 25px;}
.axal_tit{ padding-top: 20px;}
.axal_tit{text-align: center; padding-top: 90px;}
.axal_tit h2{ color: #0079d5; font-size: 32px;  font-family: color1; line-height: 64px; }
.axal_tit p{font-size: 30px;color: #646464;}
.cpzx_tit{padding-top: 30px;background: url(../images/a6.png) left 94px;	background-repeat: repeat-x;
	 height: 72px; }
.cpzx_tit ul{text-align: center;}
.cpzx_tit li{display: inline-block;*display: inline;}
.cpzx_tit a{display: inline-block;*display: inline; height: 71px;}
.cpzx_tit span{display: inline-block;*display: inline; line-height: 30px; padding: 0 15px; font-size: 16px;color: #969696;-moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius:6px;}
.cpzx_tit .hover_b a span{background: #0079d5;color: #fff;}
.cpzx_tit .hover_b a {background: url(../images/a5.png) no-repeat bottom center;}
.cpzx_tit a:hover span{background: #0079d5;color: #fff;}
.cpzx_tit a:hover {background: url(../images/a5.png) no-repeat bottom center;}
.cpzx_box{width:380px}
.cpzx_tp{width:380px; height: 280px;position: relative; overflow: hidden;}
.cpzx_tp img{width:380px;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.2);-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2); }
.cpzx_tp span{display: block; width:31px; height: 38px; position: absolute;top:27px; right:17px; z-index: 1;}
.cpzx_box p{transition: All 0.4s ease-in-out;font-size: 16px; color: #969696; line-height: 66px; border-bottom: 1px solid #646464;}
.qh2 a:hover p span{display: none;}
.qh2 a:hover p{text-align: center;color: #fff;background: #0079d5; border-bottom: 1px solid #0079d5;}

.cptpxq a:hover p span{display: none;}
.cptpxq a:hover p{text-align: center;color: #fff;background: #0079d5; border-bottom: 1px solid #0079d5;}

.cpzx_nr ul{overflow: hidden;}
.cpzx_nr li{float: left; padding: 0 30px 85px 0;}
.cpzx_nr ul li:nth-child(3){padding-right: 0;}
.cpzx_nr ul li:nth-child(6){padding-right: 0;}
.cpzx_nr ul li:nth-child(9){padding-right: 0;}
.cpzx_nr ul li:nth-child(12){padding-right: 0;}
.cpzx_nr ul li:nth-child(15){padding-right: 0;}


.in3{position: relative;}

.in3 .img{position: relative;width: 100%;overflow: hidden;height: 700px;}

.in3 .img img{display: block;height: 100%;position: absolute;top: 0;left: 0;opacity: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;}

.in3 .img img.act{opacity: 1;}

.in3 .ul1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;}

.in3 .ul1 li{display: block;width: 33.33%;box-sizing: border-box;float: left;cursor: pointer;background: url(../images/1_8.png) right center repeat-y; height: 100%;overflow: hidden;position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li:nth-child(3){margin-right: 0;}

.in3 .ul1 li .lbox{width: 80%;margin: 0 auto;}

.in3 .ul1 li .lbox .ltp{margin-top: 150px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li .lbox .ltp img{display: block;width: 140px;margin: 0 auto; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li div{ }

.in3 .ul1 li .lbox .ltp .num{color: #fff;}

.in3 .ul1 li .lbox .ltp .ltt{color: #fff;margin-top: 75px;}

.in3 .ul1 li .lbox .ltp .ltc{margin-top: 30px;color: #fff;line-height: 1.5;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 52px;}

.in3 .ul1 li.l25{width: 25%;}


.in3 .ul1 li.l50{width: 50%;}

.in3 .ul1 li .lbox .lbt{position: absolute;width: 80%;height: 350px;left: 10%;bottom: -350px;overflow: hidden;opacity: 0;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in3 .ul1 li .lbox .lbt .ltt3{margin-top: 30px;}

.in3 .ul1 li .lbox .lbt .ltt2 span{color: #fff;display: block;width: 100px;float: left;}

.in3 .ul1 li .lbox .lbt .ltt2 s{display: block;width: calc(50% - 50px);float: left;height: 1px ;background: #fff;margin-top: 10px;opacity: .5;}

.in3 .ul1 li .lbox .lbt .ltc2{margin-top: 30px;}

.in3 .ul1 li .lbox .lbt .ltc2 a{display: block;width: 33.33%;float: left;text-align: center;color: #ddd;font-size: 16px;margin-bottom: 40px;}

.in3 .ul1 li.l50 .lbox .ltp {margin-top: 40px;transform: scale(.9);-webkit-transform: scale(.9);}

.in3 .ul1 li.l50 .lbox .ltp .ltt{margin-top: 20px;}

.in3 .ul1 li.l50 .lbox .lbt{bottom: 0;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}


.in3 .ul1 li.l25 .lbox .lbt{bottom: -350px;opacity: 0;}

.in3 .ul1 li .lbox .lbt .ltc2 a:hover {color: #fff;}

.index_main .main .main_title .main_title_desc {
  font-family: "arialBold";
  font-size: 50px;
  line-height: 1em;
  color: #323232;
}
.index_main .main .main_title .main_title_text {
  font-size: 28px;
  line-height: 1em;
  color: #323232;
  font-weight: lighter;
  margin-top: 5px;
}
.index_main .main .main_more {
  width: 165px;
  height: 50px;
  line-height: 18px;
  border: solid 1px #b2b2b2;
  color: #b2b2b2;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.index_main .main .main_more .main_more_text {
  font-size: 14px;
}
.index_main .main .main_more .main_more_icon {
  font-size: 18px;
  margin-left: 10px;
}
.index_main .main .main_more:hover {
  border-color: #1696f4;
  background: #1696f4;
  color: #fff;
}
.index_main .main1 {
  overflow: hidden;
  padding: 80px 0;
}
.index_main .main1 .main_left {
  width: 49.6%;
}
.index_main .main1 .main_left .line {
  width: 47px;
  height: 3px;
  margin-top: 38px;
  background: #aaaaaa;
}
.index_main .main1 .main_left .main_explain {
  font-size: 14px;
  margin-top: 32px;
  line-height: 26px;
  color: rgba(102, 102, 102, 0.85);
}
.index_main .main1 .main_left .main_left_picture {
  display: none;
}
.index_main .main1 .main_left .list {
  margin-top: 50px;
}
.index_main .main1 .main_left .list .item {
  padding: 0 35px;
  text-align: center;
  position: relative;
}
.index_main .main1 .main_left .list .item .item_num {
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 1em;
  font-size: 50px;
  color: #1696f4;
}
.index_main .main1 .main_left .list .item .item_icon {
  font-size: 24px;
  line-height: 1em;
  margin-left: 3px;
  font-weight: lighter;
  color: rgba(51, 51, 51, 0.5);
}
.index_main .main1 .main_left .list .item .item_explain {
  font-size: 14px;
  margin-top: 18px;
  color: #888888;
  line-height: 22px;
}
.index_main .main1 .main_left .list .item:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 40px;
  position: absolute;
  background: #e5e5e5;
  top: 20px;
  right: 0;
}
.index_main .main1 .main_left .main_more {
  margin-top: 80px;
}
.index_main .main1 .main_right {
  width: 44.6%;
}

/* flex布局兼容 START */
.flex {
    /* 设置为flex盒子 */
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex_column {
    /* 垂直排列 */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.flex_wrap {
    /* 允许换行 */
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex_center {
    /* 设置为flex盒子 */
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* 水平方向上居中 */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;

    /* 垂直方向上居中 */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;

}

.flex_row_center {
    /* 水平方向上居中 */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.flex_row_start {
    /* 水平方向上居左 */
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

.flex_row_end {
    /* 水平方向上居右 */
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}

.flex_row_justify {
    /* 水平方向上等间距排列 */
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.flex_column_center {
    /* 垂直方向上居中 */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

.flex_column_start {
    /* 垂直方向上居上 */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}

.flex_column_end {
    /* 垂直方向上居下 */
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}

.flex1 {
    /* 占据1份大小 */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex_rank_1 {
    /* 排列等级 */
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

.flex_rank_2 {
    /* 排列等级 */
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

/* flex END */



/* 清除浮动 */
.clear_float::after {
    content: ' ';
    display: block;
    clear: both;
    font-size: 0px;
}


/* 浮动 */
.float_left {
    float: left;
}

.float_right {
    float: right;
}


/* 过度 */
.transition {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/* 单行文本溢出隐藏 */
.one_row_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


/* 多行文本溢出隐藏 */
.two_row_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 字体图标 */
.iconfont {
    color: inherit;
    font-size: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    /* 文字抗锯齿 */
    -moz-osx-font-smoothing: grayscale;
    /* 文字抗锯齿 */
}


/* 背景图 */
.background_img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


/* 图片居中 */
.picture_container {
    position: relative;
    overflow: hidden;
    background: none;
}

.picture_container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}


/* 禁止双击选中文字 */
.no_select_text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* 文字方向 */
.text_direction_vertical {
    -webkit-writing-mode: vertical-lr;
    -moz-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}

.text_direction_default {
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
}




[class*=animate_] {
    /* 动画时间，动画开始前的状态 */
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;

    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


/*产品*/
.product{margin:70px 0 50px 0}

.pro-title{ position: relative;}
.pro-title b{font-size:35px;font-weight:bold}
.pro-title b em{color:#0086e5}
.pro-title b{ position: absolute;bottom:0;width:100%;left:0;text-indent: 2px;}

.pro-top{ position: relative;}
.search{width:275px;border-radius:3px;height:45px;float:right;margin-top:-3px}
.search input{float:left;border:none;height:45px; background: none;width:220px}
.search .text{text-indent:15px;}
.search .submit{float:right;height:45px; background: url(../images/search.png) no-repeat center;width:50px}
.pro-nav-ul{overflow: hidden;margin-top:20px;float:right}
.pro-nav-ul li{float:left;margin-left:80px;}
.pro-nav-ul li a{font-size:16px;color:#666;}
.pro-nav-ul li a:hover,.pro-nav-ul li.on a{color:#0086e5}
.pro-nav-ul li:before{content: '';width:0px;height:3px; background: #0086E6;float:left;margin-top:10px;margin-right:7px;transition: all .5s;}
.pro-nav-ul li:hover:before,.pro-nav-ul li.on:before{width:10px}

.pro-list{margin:0 0 0 0;}
.pro-list li{width:333px;margin:0 45px 45px 0;float:left}
.pro-list li:nth-child(4n){margin-right:0}
.pro-list li .pic{width:100%;overflow: hidden;}
.pro-list li .pic img{transition: all 1s; width: 100%;}
.pro-list li .info{width:100%; background:url(../images/pro-bg.png) no-repeat center bottom #f5f5f5;height: 140px;}
.pro-list li:after{content: '';display: block;width:100%;height:6px; background: #E6E6E6;transition: all .3s;}
.pro-list li .info b,.pro-list li .info span{display: block;text-indent: 30px;}
.pro-list li .info span{margin-top:15px}
.pro-list li .info b{font-size:20px;font-weight:bold;line-height: 20px;padding-top:35px}
.pro-list li .info:after{transition: all .3s;content: ""; background: url(../images/pro-more.png) no-repeat center #EDEDED;width:40px;height:40px;text-align: center;float:right;position: relative;top:-50px;right:30px}
.pro-list li:hover:after{background: #0086E6;}
.pro-list li:hover .info:after{ background: url(../images/pro-more.png) no-repeat center  #FFBF00;transform: rotate(180deg);}
.pro-list li:hover .pic img{transform: scale(1.05);}


/**/
.f-cb::after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}
.indexTitle {
  width: 100%;
  position: relative; }
  .indexTitle .cn {
    font-size: 40px;
    line-height: 44px;
    color: #000;
    position: relative;
    z-index: 5;
    font-family: FZE; }
  .indexTitle .en {
    font-size: 76px;
    line-height: 78px;
    opacity: 0.05;
    color: #000;
    position: absolute;
    top: -45px;
    left: 2.4%;
    font-family: FZR;
    text-transform: uppercase; }
    .indexTitle .en.x {
      left: 9.6%; }
  .indexTitle .change {
    font-size: 16px;
    line-height: 36px;
    padding-right: 16px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 34px;
    background-image: url("../images/case_icon2.png");
    position: absolute;	z-index:100;
    right: 25px;
    top: 4px;
    color: #262626; }
  @media (max-width: 1366px) {
    .indexTitle .cn {
      font-size: 30px;
      line-height: 32px; }
    .indexTitle .en {
      font-size: 50px;
      line-height: 52px;
      top: -26px; } }
.w1600 {
  width: 1600px;
  max-width: 92%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.indexMore {
  width: 220px;
  height: 60px;
  box-sizing: border-box;
  border: 1px solid #505050;
  font-size: 18px;
  line-height: 58px;
  color: #262626;
  text-align: center;
  display: block;
  margin: 0 auto;
  transition: all 0.5s;
  font-weight: bold;
margin-top: 15px;  }
  @media (min-width: 1024px) {
    .indexMore:hover {
      background-color: #0070e2;
      color: #fff;
      border-color: #0070e2; } }
  @media (max-width: 1366px) {
    .indexMore {
      width: 170px;
      height: 50px;
      line-height: 48px;
      font-size: 16px; } }
.index .box4 {
  padding-top: 5.8%;
padding-bottom: 4.7%;  }
  .index .box4 .list {
    margin-top: 4.5%; }
    .index .box4 .list ul {
      margin-bottom: 5%; }
      .index .box4 .list ul li {	
        width: 22.125%;
        float: left;
        margin-right: 40px;
        box-shadow: 2.5px 4.33px 30px 0px rgba(0, 0, 0, 0.05); }
        .index .box4 .list ul li:last-child {
          margin-right: 0; }
        .index .box4 .list ul li a {
          width: 100%;
          height: auto;
          display: block; }
          .index .box4 .list ul li a .pic {
            width: 100%;
            height: auto;
            overflow: hidden; }
            .index .box4 .list ul li a .pic img {
              transition: all 1.5s; }
          .index .box4 .list ul li a .con {
            width: 100%;
            background-color: #fff;
            padding: 32px 36px 46px;
            box-sizing: border-box;
            z-index: 5;
            position: relative; }
            .index .box4 .list ul li a .con .tits {
              font-size: 20px;
              line-height: 30px;
              color: #262626;
              height: 60px;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis; }
            .index .box4 .list ul li a .con .time {
              font-size: 15px;
              line-height: 16px;
              color: #5b5b5b;
              font-family: FZE;
              margin-top: 34px; }
        @media (min-width: 1024px) {
          .index .box4 .list ul li:hover a .pic img {
            transform: scale(1.1); } 
			
			.index .box4 .list ul li:hover a .con{
            background: #0070e2; }
			.index .box4 .list ul li:hover a .con .time{
            color: white; }
			.index .box4 .list ul li:hover a .con .tits{
            color: white; }
			
			}
@media (max-width: 1366px) {
  .index .box1 .boxNew .list ul li.on a .con .t {
    font-size: 26px;
    line-height: 28px; }
  .index .box1 .boxNew .list ul li a .con .t1 {
    font-size: 16px;
    line-height: 26px; }
  .index .box2 .list ul li a .con .tits {
    font-size: 26px;
    line-height: 70px; }
  .index .box2 .list ul li a .con .tit {
    margin-top: 30px; }
  .index .box2 .list ul li a .con {
    padding-bottom: 40px; }
  .index .box4 .list ul li a .con {
    padding: 20px 25px 30px; } }
@media (max-width: 1200px) {
  .index .box1 .boxNew .list ul li.on a .con .t {
    font-size: 20px;
    line-height: 22px; }
  .index .box1 .boxNew .list ul li a .con .t {
    font-size: 18px;
    line-height: 20px; }
  .index .box2 .list ul li a .con .tit .t {
    font-size: 20px;
    line-height: 22px; }
  .index .box2 .list ul li a .con .tit .t1 {
    font-size: 16px;
    line-height: 24px;
    height: 48px; }
  .index .box2 .list ul li a .con .tit .t2 {
    margin-top: 30px; }
  .index .box2 .list ul li a .con .tits {
    font-size: 22px;
    line-height: 60px; }
  .index .box3 .itemBox .item .tits {
    font-size: 22px;
    line-height: 24px;
    margin-top: 15px; }
  .index .box3 .itemBox .item .tit {
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px; }
  .index .box4 .list ul li a .con {
    padding: 10px 15px 20px; }
    .index .box4 .list ul li a .con .tits {
      font-size: 16px;
      line-height: 24px;
      height: 48px; }
    .index .box4 .list ul li a .con .time {
      font-size: 14px;
      line-height: 16px;
      margin-top: 15px; } }
	  
	  
	  /*优势*/

.power { overflow: hidden; height: 959px; position: relative }
.power .power_info { position: absolute; height: 320px; right: 50%; width: 600px; z-index: 4 }
.power h2 a { display: block;
font-size: 42px;
color: #0070e2;
line-height: 100%;
margin-top: 99px;
font-weight: bold;}
.power_nav { position: absolute; margin-top: 49px; width: 432px; height: 124px; overflow: hidden }
.power_nav li { width: 93px; height: 124px; background: #fff; border: 3px solid #0070e2; font-size: 18px; color: #363636; line-height: 24px; padding: 61px 34px 0 17px; margin-right: 20px; float: left; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; box-sizing: border-box; cursor: pointer; position: relative }
.power_nav li:after { position: absolute; content: ""; width: 93px; height: 0; background: #0070e2; right: 0; top: 0 }
.power_nav li:after { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; transition: all ease .3s; z-index: 1; left: -3px; right: auto; top: auto; bottom: -3px }
.power_nav li span { position: relative; z-index: 2 }
/*.power_nav li.swiper-slide-thumb-active { border-color: #010101; color: #fff }*/
/*.power_nav li.swiper-slide-thumb-active:after { height: 124px }*/
.power_nav li.cur { border-color: #010101; color: #fff }
.power_nav li.cur:after { height: 124px }

.power_con .swiper-slide { overflow: hidden; position: relative; height: 959px }
.power_con dd { width: 600px; position: absolute; right: 50%; top: 0; background: #fff; overflow: hidden }
.power_con dd>* { opacity: 0; transform: translateY(25px); transition: all .4s }
.power_con .swiper-slide-active dd>* { opacity: 1; transform: none }
.power_con .swiper-slide-active dd>:nth-child(1) { transition-delay: .3s }
.power_con .swiper-slide-active dd>:nth-child(2) { transition-delay: .4s }
.power_con .swiper-slide-active dd>:nth-child(3) { transition-delay: .5s }
.power_con .swiper-slide-active dd>:nth-child(4) { transition-delay: .6s }
.power_con .swiper-slide-active dd>:nth-child(5) { transition-delay: .7s }
.power_con dt { width: 666px; position: absolute; top: 0; left: 50%; margin-left: -93px }
.power_con h4 { font-size: 18px; color: #333; line-height: 100%; margin-top: 371px; text-transform: uppercase; margin-bottom: 58px }
.power_con h4 span { display: block; font-size: 48px; color: #363636; line-height: 100%; margin-bottom: 3px; letter-spacing: 2px; font-weight: 500 }
.power_con p { font-size: 16px; color: #363636; line-height: 30px; margin-bottom: 20px; width: 496px }
.power_con a.more { margin-top: 68px; display: block; font-size: 18px; color: #333; line-height: 100% }
.power_con dl:nth-child(2) dt img {margin-left:-7px;}
.power_con dl:nth-child(3) dt img {margin-left:-14px;}
.power_con dl:nth-child(4) dt img {margin-left:-17px;}

.power_pagination { position: absolute; width: 600px; height: 40px; z-index: 4; right: 50%; bottom: 122px }
.power_pagination>div { position: relative; left: auto; right: auto; display: inline-block; width: 36px; outline: 0; background: 0 0 }


.lx { position: relative;  overflow: hidden; min-width: 1200px;   
}
.lx .lx_con { position: relative; height: auto;width: 100%;
    }
    
.lx .lx_con .swiper-slide {line-height: 0}
.lx .lx_con .swiper-slide img {max-width: 100%;}
.lx .content { position: absolute; z-index: 2; left: 50%; margin-left: -600px; top: 116px }
.lx .swiper-button-next { left: 0; top: 21px; outline: 0; background: 0 0 }
.lx .swiper-button-prev { left: 0; top: 92px; outline: 0; background: 0 0 }
.lx h2 { width: 465px; margin-left: 120px }
.lx h2 span { display: block; padding-left: 9px; font-size: 20px; color: #fff; line-height: 100%; font-weight: 400; margin-bottom: 11px }
.lx h2 a { display: block; font-size: 60px; color: #fff; line-height: 77px; font-weight: 500; letter-spacing: 6px }
.lx .lx_nav { margin-left: 120px; margin-top: 27px; width: 253px;padding-top: 2px }
.lx .lx_nav:before { position: absolute; content: ""; width: 100%; height: 0; background: #fff; top: 0; left: 0 }
.lx .lx_nav li.swiper-slide-thumb-active,.lx .lx_nav li.cur { border-top: 2px solid #0070e2 }
.lx .lx_nav li { width: 57px; height: 78px; padding-top: 13px; position: relative; margin-top: -2px; float: left; z-index: 99; cursor: pointer; border-top: 2px solid #fff;margin-right:41px; }
.lx .lx_nav li span { display: block; position: absolute; width: 100%; text-align: center; font-size: 18px; color: #fefefe; line-height: 100%; bottom: 4px; left: 0 }
.lx .lx_nav li:last-child { margin-right: 0 }
.lx .lx_logo { position: absolute; bottom: -70%; left: -44px; width: 105px; height: 105px; border-radius: 0 10px; z-index: 2; overflow: hidden }

.about { background: url(../images/about_bg.jpg) no-repeat center top; height: 730px }
.about h2 { padding-top: 81px; text-align: center }
.about h2 a { display: block; font-size: 40px; color: #333; line-height: 100%; margin-bottom: 9px }
.about h2 span { display: block; font-size: 22px; color: #666; line-height: 100% }
.about .desc { width: 764px; margin: 40px auto 20px; text-align: center }
.about .desc p { font-size: 16px; color: #363636; line-height: 30px; text-transform: uppercase }
.about .desc span { display: block; font-size: 12px; color: #363636; line-height: 30px; text-transform: uppercase }
.about .desc a.more { display: block; font-size: 16px; color: #363636; line-height: 100%; margin-top: 35px; text-transform: uppercase; font-weight: 700 }
.about .desc i { font-weight: 400 }
.brand li { cursor: pointer; width: 232px; height: 232px; border: 6px solid #DCDCDC; border-radius: 50%; box-sizing: border-box; overflow: hidden; float: left; margin-right: 90px; text-align: center; position: relative; transition: all ease .4s }
.brand li .brand_icon i { display: block; height: 110px; margin: 54px auto 0 }
.brand li .brand_icon img { max-width: 100% }
.brand li .brand_icon span { display: block; font-size: 16px; color: #363636; line-height: 100% }
.brand li .brand_pic { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0 }
.brand li .brand_pic img { width: 232px; height: 232px; border-radius: 50% }
.brand li:last-child { margin-right: 0 }


.brand li:hover { border: 0 }
.brand li:hover .brand_icon { animation: rotateOut 2s; -webkit-animation: rotateOut 2s }
.brand li:hover .brand_pic { display: block; animation: rotateIn 2s; z-index: 2; opacity: 1 }
.service { margin-top: 112px; width: 1200px; height: 150px; background: #fff; box-shadow: 0 0 1px 0 rgba(6, 0, 1, .1); border-radius: 5px }
.service li { display: inline-block; font-weight: 700; padding-left: 80px; padding-right: 80px; height: 39px; margin-top: 54px; border-right: 1px solid #ccc }
.service li i { width: 54px; height: 39px; text-align: right; display: block; float: left; margin-right: 13px }
.service li img { max-width: 100% }
.service li em { font-size: 16px; color: rgba(54, 54, 54, .7); line-height: 100%; display: inline-block }
.service li span { font-size: 18px; color: rgba(35, 31, 32, .9); line-height: 100%; display: block }
.service li:nth-child(odd) { padding-left: 57px }
.service li:last-child { border-right: 0 }
.index-floor{ background-color:#fff;}
.floor-5{ background-color:transparent;}
.index-floor,
.group-intro{ position:relative; z-index:1;}

.home-tit{text-align: center; margin: 0;}
.home-tit .en{display: block;}
.home-tit .cn{color: #3c7add; font-size: 42px; position: relative;z-index: 2; top: -15px; font-weight:bold}
.home-tit p{font-size: 16px; color: #666; margin: 0;font-weight: normal;}


.index-banner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s,visibility .4s;
	position: relative;
	z-index: 0
}

.index-banner.isReady {
	opacity: 1;
	visibility: visible
}

.index-banner-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0
}

.index-banner-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
}

.index-banner .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.index-banner.typea.anmi .index-banner-slide {
	transition: opacity .6s ease-out,visibility .6s ease-out
}

.index-banner.typea .index-banner-slide {
	opacity: 0;
	visibility: hidden
}

.index-banner.typea .index-banner-slide.active {
	opacity: 1;
	visibility: visible
}

.index-banner.typeb.anmi .index-banner-slide.prev {
	opacity: 1
}

.index-banner.typeb.anmi .index-banner-slide.next {
	-webkit-animation: banner-next-anim .6s ease-out forwards;
	animation: banner-next-anim .6s ease-out forwards
}

.index-banner.typeb .index-banner-slide.active {
	z-index: 1
}

.index-banner.typeb .index-banner-slide.prev {
	z-index: 3;
	right: auto;
	left: 0;
	width: 100%;
	transform: skew(-17deg);
	transform-origin: left top;
	-webkit-animation: banner-active-anim .6s ease-out forwards;
	animation: banner-active-anim .6s ease-out forwards;
	opacity: 0
}

.index-banner.typeb .index-banner-slide.prev .img {
	transform: skew(17deg);
	transform-origin: left top
}

.index-banner.typeb .index-banner-slide.next {
	z-index: 2;
	width: 15%;
	transform: skew(-17deg);
	transform-origin: left bottom
}

.index-banner.typeb .index-banner-slide.next .img {
	left: auto;
	right: 0;
	transform: skew(17deg);
	transform-origin: right bottom
}

.index-banner-text {
	font-size: 44px;
	font-weight: 500;
	position: absolute;
	left: 6%;
	top: 40%;
	z-index: 1;
	width: 88%;
	color: #fff;
	font-weight: 700;
	line-height: 70px;
	margin-top: -70px;
	text-shadow: 0 0 6px rgba(0,0,0,.4)
}

.index-banner-text>p:nth-of-type(2) {
	padding-left: 132px
}

.index-banner-btn {
	width: 84px;
	height: 84px;
	position: absolute;
	right: 6%;
	top: 50%;
	z-index: 2;
	margin-top: -42px;
	cursor: pointer
}

.index-banner-btn:hover .btn-img:after {
	opacity: 1
}

.index-banner-btn .btn {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(135deg,#0070e2,#0070e2);
	border-radius: 50%;
	padding: 4px
}

.index-banner-btn:after,.index-banner-btn:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -70px 0 0 -70px;
	width: 140px;
	height: 140px;
	border: 1px solid #fff;
	border-radius: 50%;
	transform: scale(.2);
	z-index: 0;
	-webkit-animation: banner-btn-anim 3s ease-out infinite;
	animation: banner-btn-anim 3s ease-out infinite
}

.index-banner-btn:before {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.index-banner-btn:after {
	-webkit-animation-delay: .8s;
	animation-delay: .8s
}

.index-banner-btn .btn-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	background: no-repeat 50%/cover;
	position: relative;
	z-index: 1
}

.index-banner-btn .btn-img:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(0,0,0,.4) url(../images/icon-jt01.png) no-repeat 50%/30px;
	opacity: 0;
	transition: opacity .3s
}


@-webkit-keyframes banner-active-anim {
	0% {
		width: 100%
	}

	80% {
		width: 0
	}

	to {
		width: 0
	}
}

@keyframes banner-active-anim {
	0% {
		width: 100%
	}

	80% {
		width: 0
	}

	to {
		width: 0
	}
}

@-webkit-keyframes banner-next-anim {
	0% {
		width: 0
	}

	80% {
		width: 0
	}

	to {
		width: 15%
	}
}

@keyframes banner-next-anim {
	0% {
		width: 0
	}

	80% {
		width: 0
	}

	to {
		width: 15%
	}
}

@-webkit-keyframes banner-btn-anim {
	0% {
		opacity: 0;
		transform: scale(.2)
	}

	5% {
		opacity: 1
	}

	50% {
		opacity: .8
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}

@keyframes banner-btn-anim {
	0% {
		opacity: 0;
		transform: scale(.2)
	}

	5% {
		opacity: 1
	}

	50% {
		opacity: .8
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}

@-webkit-keyframes mouse-anim {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	50% {
		transform: translateY(20px);
		opacity: .5
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes mouse-anim {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	50% {
		transform: translateY(20px);
		opacity: .5
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@-webkit-keyframes amap-icon-anim {
	0% {
		opacity: 0;
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}

@keyframes amap-icon-anim {
	0% {
		opacity: 0;
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}