body{
	background: #ebebeb;
	font-size: .8vw;
   font-family:"微软雅黑",Helvetica,Arial,sans-serif;	margin:0; padding:0;
}
a{color: #333;text-decoration: none;outline: none;transition:all .8s;}
a:hover,a:focus{color:#df0716;transition:all .8s;}

html {
    -ms-touch-action: none;
    height: 100%;
}
body, ul, li {
    padding: 0;
    margin: 0;
    border: 0;
	list-style:none;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{vertical-align:middle;border:0;}<!--控制图片放大缩小区域不变-->

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
    clear: both;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold;line-height:30px;margin:0; padding:0;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999999;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
p,span{ margin:0; padding:0;}





img{
	outline: none;
	border:none;
}
.shadow{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=120,strength=10);/*ie*/
-moz-box-shadow: 1px 1px 10px #cacaca;/*firefox*/
-webkit-box-shadow: 1px 1px 10px #cacaca;/*safari或chrome*/
box-shadow:1px 1px 10px #cacaca;/*opera或ie9*/
      }
.shadow-up{
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 00 5px #cacaca;/*firefox*/
-webkit-box-shadow: 0 0 5px #cacaca;/*safari或chrome*/
box-shadow:0 0 5px #cacaca;/*opera或ie9*/
      }
.body-border-bottom{ border-bottom:#f0f0f0 solid 1px; }
.body-border-top{ border-top:#f0f0f0 solid 1px; }
/*----s - banner------*/


/*----e - banner------*/

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

footer .container,main .container{width: 85%; padding:2vw 0; text-align:center; margin:0 auto;position:relative; }
.middle-style{background:#FFF; margin:20px auto;}
.news{ background:#fff;}
.hidden {
    display: none;
}
.flexBoxct{display: -webkit-flex; display: flex;justify-content:center;align-items:center;}
.flexBoxfc{display: -webkit-flex; display: flex;justify-content: flex-start;align-items:center;}
.flexBoxsb{display: -webkit-flex; display: flex;justify-content:space-between;align-items:center;}
.flexBoxss{display: -webkit-flex; display: flex;justify-content:space-between;align-items:stretch;}
.flexBoxsf{display: -webkit-flex; display: flex;justify-content:space-between;align-items:flex-end;}
.flexBoxcs{display: -webkit-flex; display: flex;justify-content:center;align-items:stretch;}
.flexBoxcf{display: -webkit-flex; display: flex;justify-content:center;align-items:flex-start;flex-direction:column}

.titleBox{ display:inline-table;margin:2vw auto; text-align:center; position:relative;}
.titleBox h4{font-size:3vw; color:#333; font-weight:500; text-align:center;margin:0 0; padding:0;letter-spacing:2px; line-height:150%;}
 .titleBox .line{ width:20%; height:5px;border-radius:3px; background-color: rgba(191,159, 98, 1); position:absolute; top:calc(100% + 10px);  left:50%; transform: translate(-50%, 0);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
 .container p{ text-align:center; color:#686868;margin-bottom:2vw;font-size:1vw}

	
main{width: 100%;  padding:0;    margin-top:0;}
.part00{padding:3vw 0 0 0; background:url(../images/bg2.jpg) ; background-size: cover;background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;}
.part00 .container{background:#FFF; margin-top:-15vh; margin-bottom:10vh; padding-bottom:0;}

.part00 .con{  padding:1vw 0; line-height:200%; position:relative}
.enb{ position:absolute;  right:4vw; bottom:0; font-size:7vw; font-family:Tahoma, Geneva, sans-serif; font-weight:700; line-height:100%; opacity:.2; color:rgba(191,159, 98, 1);}
.part00 ul{ margin:4vw 0 ;padding:0vw 0;display: -webkit-flex; display: flex;justify-content:space-between;align-items:center;align-items:stretch;}
.part00 ul.f01{ }
.part00 ul.f01 li{ width:50%;float:left; padding:0 0; text-align:left;background-color:#ebebeb; }
.part00 li .con{ padding:3vw 3vw; font-size:.9vw;}
.part00 li img{ width:100%; height:auto;}

.part01{ padding:5vw 0;   background-size: cover;background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;}
  .part01 .container{ background:#FFF}
.part01 p{ text-align:center; color:#686868;margin-bottom:2vw;font-size:1vw}

.part01 .con{  padding:1vw;line-height:180%; }
.part01 ul{padding:0 1vw;display: -webkit-flex; display: flex;justify-content:space-between;align-items:center;}
.part01 li{ width:25%; float:left; padding:0 1vw; text-align:center; }
.part01 li a .over{background:url(../images/pbg.jpg) ; background-size: cover;min-height:600px; border:#fff solid 1px;transition:all .5s;padding:2vw 0; box-shadow:0px 0px 0 #fff;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);display:block; z-index:1}
.part01 li a:hover .over{transition:all .5s;box-shadow:0px 20px  20px #d1d1d1;display:block ;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px); z-index:2}
.part01 li a .circle{ margin-bottom:2vw; position:relative}
.part01 li a .circle img{width:100%; max-width:210px; height:auto; }
.part01 li a .circle img.icol{ position:absolute; left:50%; top:0; margin-left:-105px; z-index:999;}
.part01 li a .circle .bg{transition:all .8s;-webkit-transform: rotate(0deg);}
.part01 li a:hover .circle .bg{transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;-o-animation: rotation 8s linear infinite;}

.part01 li a h5{ margin:2vw 0 1vw 0;color: #333; font-size:1.4vw; text-align:center }
.part01 li a p{ margin: 0; font-size:.9vw;color: #666; line-height:200%; text-align:center }

.part01 li a .b2{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #83ef83; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a:hover .b2{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #50e850; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a .b2 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b02.png) center center #83ef83 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s;}
.part01 li a:hover .b2 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b02.png) center center #50e850 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;
-o-animation: rotation 8s linear infinite;}

.part01 li a .b3{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #749cee; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a:hover .b3{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #3c77f0; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a .b3 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b03.png) center center #749cee no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s;}
.part01 li a:hover .b3 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b03.png) center center #3c77f0 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;
-o-animation: rotation 8s linear infinite;}

.part01 li a .b4{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #f1da70; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a:hover .b4{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #edcc32; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a .b4 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b04.png) center center #f1da70 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s;}
.part01 li a:hover .b4 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b04.png) center center #edcc32 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;
-o-animation: rotation 8s linear infinite;}

.part01 li .b2{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #83ef83; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li .b2 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b02.png) center center #83ef83 no-repeat; background-size:50%;  width:100%; height:100%;}
.part01 li .b3{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #749cee; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li .b3 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b03.png) center center #749cee no-repeat; background-size:50%;  width:100%; height:100%;}
.part01 li .b4{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #f1da70; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li .b4 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b04.png) center center #f1da70 no-repeat; background-size:50%;  width:100%; height:100%;}

.advantage{ padding:4vw 0;display: -webkit-flex; display: flex;justify-content: flex-start;align-items:stretch;}
.advantage h4{ font-size:2vw; color:#fff; font-weight:normal;margin:2vw 0 2vw 0;}
.advantage h4 span{ color:#0856d7;}
.advantage p{ text-align:center; color:#686868;margin-bottom:2vw;}
 ul.advantage{ margin:0 0;}
.advantage li{ width:20%;  padding:0 0; }
.advantage li .con{width:100%; padding:0 0; text-align:center;  margin:0; border-radius:0; }
.advantage li .con .txt{ padding:0 1vw;}
.advantage li .con h5{ font-size:1.4vw; line-height:200%;text-align:center;font-weight:500}
.advantage li .con p{text-align:center; line-height:180%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.advantage li .con p.time{ color:#666; line-height:200%; }
.advantage li a .con h5{ color:#333; }
.advantage li a .con p{color:#666;font-size:.9vw;}
.advantage li{background:#fafafa; border:#fafafa solid 3px;transition:all .5s;padding:2vw 0; box-shadow:0px 0px 0 #fff;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);display:block; cursor:pointer;z-index:1}
.advantage li:hover{background-color: #fff; border:#fff solid 3px;transition:all .5s;box-shadow:0px 20px  20px #d1d1d1;display:block ;-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px); z-index:2}
.advantage li .con .img{width:100%;overflow:hidden;padding:2vw; position:relative}
.advantage li .con .img img{width:50%;height:auto; padding:0; text-align:center; margin:0 auto}
.advantage li a .con {transition:all .8s;display:block; }
.advantage li a:hover .con {transition:all .8s;display:block}
.advantage li a .con .img img{-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.advantage li a:hover .con .img img{-webkit-transform:translateZ(0) scale(1.05);-moz-transform:translateZ(0) scale(1.05);-ms-transform:translateZ(0) scale(1.05);-o-transform:translateZ(0) scale(1.05);transform:translateZ(0) scale(1.05);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.advantage li .con .img .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.advantage li a .con  .img .info{background:#333;background:rgba(255,255,255,.3);visibility:hidden;opacity:0;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.advantage li a:hover  .con  .img .info{visibility:visible;opacity:0}
.advantage .btn{ font-size:16px; display:block; float:right; }
.advantage .btn p{  font-size:14px; }
.advantage .btn img{width:24px; height:auto; margin:0 10px;}

.part04{ padding:4vw 0; background:#fafafa; margin:0px 0 0 0; overflow:hidden}
.part04 .container{ width:100%; padding:0 0}
.part04 ul{ width:calc(100% + 2vw); margin:0 -1vw}
.part04 li{ min-width:33.333333%; padding:2vw 1vw;}
.part04 li .gallery-pad{ border:#fafafa solid 1px; background:#fff; padding:0;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.part04 ul li img{ width:100%; height:auto}
.part04 li:hover .gallery-pad{background:#fafafa;border:#FFF solid 1px; transition:all .5s;box-shadow:0px 20px  20px #d1d1d1;display:block ;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.part04 li .cd-item-info{padding:.5vw 0; background:url(../images/casebg.jpg) ; background-size: 100% auto; margin:0;}
.part04 ul li p{ text-align:center; font-size:1.4vw; letter-spacing:1px; margin:0 0; line-height:200%;}


.part03{ width:100%; padding:2vw 0 10vw 0; background:url(../images/hk2.jpg) no-repeat; overflow:hidden }
  .part03 .container{ padding:0}

.part03 h4{color:#fff; }
.part03 p{ text-align:center; color:#fff; }
.part03 ul{ background:#FFF; padding:0;}
.part03 li{ padding:0 0;}
.part03 li img{width:auto;height: 150px;}

.carousel { margin:20px 0;}
.carousel#carousel-vertical { height: 306px;  padding: 0 0; width: auto;}
.carousel#carousel-responsive {  width: auto;}
.carousel li{ float:left; padding: 0 10px;}
.part05{ width:100%; padding:3vw 0 0 0; background:#ebebeb; }
  .part05 .container{ margin-top:-15vh; background:#fff; position:relative }
  .part05 .mapBox{width:100%; text-align:right; margin:3vw 0; position:relative}
.part05 .mapBox img{ width:50%; height:auto; text-align:right}
.part05 .infoBox{ width:50%; height:100%; padding:3vw 3vw; text-align:left;  position:absolute; top:50%; left:0;-webkit-transform: translate(0, -50%); transform: translate(0,-50%); z-index:103;background-color:rgba(191,159, 98, .6);}

.part05 .code{ width:500px; height:300px;  background-color: rgba(255,255, 255, 0.8); padding:0 5%; position:absolute; top:100px; right:100px; z-index:3; }
.part05 .code img{width:160px; height:auto; margin:0 auto; text-align:center;}
.part05 .infoBox h2{ font-size:1.6vw; font-weight:500; text-align:left; margin:2vw 0 2vw 0;color:#666}
.part05 .infoBox p{text-align:left;color:#666; line-height:180%;}
.part05 .infoBox i{ margin-right:8px;}
.part05 .code p{ text-align:center; padding:1vw 0;text-align:left; font-size:.8vw; color:#fff}
.bottom{border-top:#f0f0f0 solid 1px;  background:#fafafa;  }
.copy{ line-height:180%; padding:1.5vw 0;font-size:.9vw; color:#333; }
.copy a span { padding:0 20px;color:#333}
.toTop{  position:absolute;top:-25px; right:0;}
 a.toTop{ display:block; cursor:pointer; width:50px; height:50px; background:url(../images/return.png) center center #CCC; background-size:50px 50px;}
  a:hover.toTop{ display:block; cursor:pointer; width:50px; height:50px; background:url(../images/return.png) center center #0754d3;background-size:50px 50px;}

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

}
@media (max-width: 768px) { 
footer .container,main .container{width: 100%; padding:20px 0; text-align:center; margin:0 auto;position:relative; }

.part00{padding:0 20px 20px 20px;  background:#fafafa;}
.part00 ul{padding:20px 0;}
.part00 li{ width:50%;float:left; padding:10px 0; text-align:left; }
.part00 li img{ width:100%; height:auto;}
  .part00 li{ width:100%;float:none; padding:0 0; text-align:left; }
  
  .part01{ padding:20px 20px;  background:#FFF;}

  .part01 .con{  padding:0 0;line-height:30px; }

.part01 li{ width:100%; float:none; padding:10px 0; text-align:center; }
.part01 li a .over{background:url(../images/bgm.jpg) ; background-size: cover;min-height:inherit; border:#fff solid 1px;transition:all .5s;padding:30px 0; box-shadow:0px 0px 0 #fff;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);display:block}

.part01 li a .circle img{width:100%; max-width:210px; height:auto; padding:0 40px; }
.part01 li a .circle img.icol{ position:absolute; left:50%; top:0; margin-left:-105px; z-index:999;}
.advantage li{ width:100%; float:left; padding:10px 10px;}
.advantage li .con{width:100%; padding:20px 0;background:#fff; border:#fff solid 1px;text-align:center;  margin:0; border-radius:0; }
.advantage li .con .img img{width:30%;height:auto; padding:0; text-align:center; margin:0 auto}

.part04{ padding:20px 20px; background:#fafafa; margin:0 0 0 0;}

.part03{ width:100%; padding:20px 0; background:none; overflow:hidden }
.carousel li{ float:left; width:50%; padding: 0 0;}
.part03 li img{width:auto;height: 100px;}

.part05{ padding:40px 0 0 0; background:#fff; margin:0 0 0 0; }
  .part05 .container{ margin-top:0; background:#fff; position:relative }

.part05 .con{ width:100%; height:200px; }
.part05 .title {font-size: 14px;font-weight: bold;color: #0754d3;}	
			
.part05 .content {font-size: 14px;color: #333;margin-top: 10px;	}
.part00 h4,.part01 h4,.part02 h4,.part03 h4,.part04 h4,.part05 h4{ font-size:20px; color:#333; font-weight:normal; text-align:center;margin:5px 0; }
.copy span{ display:block; font-size:14px;}

.titleBox{ display:inline-table;margin:2vw auto; text-align:center; position:relative;}
.titleBox h4{font-size:30px; color:#333; font-weight:500; text-align:center;margin:0 0; padding:0;letter-spacing:1px; line-height:150%;}
 .titleBox .line{ display:none; width:20%; height:5px;border-radius:3px; background-color: rgba(191,159, 98, 1); position:absolute; top:calc(100% + 10px);  left:50%; transform: translate(-50%, 0);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
 .container p{ text-align:center; color:#686868;margin-bottom:20px;font-size:16px; padding:0 10px;}
 
 
.part00{padding:0 0 20px 0; background:none ; background-size: cover;background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;}
.part00 .container{background:none; margin-top:0; margin-bottom:0; padding-bottom:20px; padding:0 0}



.part00 .con{  padding:10px 0; line-height:200%;}
.enb{ display:none;}

.part00 ul{ margin:0 0  10px 0;padding:0vw 0;display: -webkit-flex; display:block;justify-content:space-between;align-items:center;}
.part00 ul.f01{}
.part00 ul.f01 li{ width:100%;float:none; padding:0 0; text-align:left; background:none; }

.part00 li .con{background-color:none; padding: 20px 20px; color:#000; font-size:16px; line-height:200%}
.part00 li img{ width:100%; height:auto;}

.part01{ padding:0 0 0;   background-size: cover;background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;}
  .part01 .container{ background:#FFF; padding-bottom:0;}


.part01 .con{  padding:10px 0;line-height:180%; }
.part01 ul{padding:0 30px;display: -webkit-flex; display:block;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.part01 li{ width:100%; margin:15px 0;  padding:0 0; text-align:center; }
.part01 li a .over{background-color: #ebebeb;min-height:inherit; border:none;transition:all .5s;padding:20px 0 30px 0; box-shadow:0px 0px 0 #fff;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);display:block}
.part01 li a:hover .over{background:#fafafa; border:none;transition:all .5s;box-shadow:0px 20px  20px #d1d1d1;display:block ;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);}
.part01 li a .circle{ margin-bottom:20px; position:relative}
.part01 li a .circle img{width:100%; max-width:210px; height:auto; display:none; }
.part01 li a .circle img.icol{ position:absolute; left:50%; top:0; margin-left:-105px; z-index:999;}
.part01 li a .circle .bg{transition:all .8s;-webkit-transform: rotate(0deg);}
.part01 li a:hover .circle .bg{transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;-o-animation: rotation 8s linear infinite;}

.part01 li a h5{ margin:0 0 20px 0;color: #000; font-size:24px; text-align:center }
.part01 li a p{ margin: 0; font-size:16px;color: #333; line-height:200%; text-align:center }

.part01 li a .b2{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #83ef83; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a:hover .b2{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #50e850; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a .b2 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b02.png) center center #83ef83 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s;}
.part01 li a:hover .b2 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b02.png) center center #50e850 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;
-o-animation: rotation 8s linear infinite;}

.part01 li a .b3{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #749cee; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a:hover .b3{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #3c77f0; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a .b3 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b03.png) center center #749cee no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s;}
.part01 li a:hover .b3 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b03.png) center center #3c77f0 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;
-o-animation: rotation 8s linear infinite;}

.part01 li a .b4{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #f1da70; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a:hover .b4{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #edcc32; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li a .b4 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b04.png) center center #f1da70 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s;}
.part01 li a:hover .b4 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b04.png) center center #edcc32 no-repeat; background-size:50%;  width:100%; height:100%;transition:all .8s; -webkit-transform: rotate(360deg);animation: rotation 8s linear infinite;-moz-animation: rotation 8s linear infinite;-webkit-animation: rotation 8s linear infinite;
-o-animation: rotation 8s linear infinite;}

.part01 li .b2{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #83ef83; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li .b2 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b02.png) center center #83ef83 no-repeat; background-size:50%;  width:100%; height:100%;}
.part01 li .b3{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #749cee; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li .b3 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b03.png) center center #749cee no-repeat; background-size:50%;  width:100%; height:100%;}
.part01 li .b4{ width:200px; height:200px; border-radius:200px; padding:5px; border:5px solid #f1da70; margin:0 auto; text-align:center; overflow:hidden;}
.part01 li .b4 .bg{width:200px; height:200px; border-radius:200px; background: url(../images/b04.png) center center #f1da70 no-repeat; background-size:50%;  width:100%; height:100%;}

.advantage{ padding:20px 0; margin-bottom:0}
 ul.advantage{ margin:0 0;display: -webkit-flex; display: flex;justify-content: flex-start;align-items:center;flex-wrap:wrap;}
.advantage li{ width:50%;  padding:0 0; background:#FFF }
.advantage li:last-child{ width:100%;  padding:0 0 20px 0; }

.advantage li .con{width:100%; padding:0 0;border:#fff solid 1px;text-align:center;  margin:0; border-radius:0; }
.advantage li .con .txt{ padding:0 0;}
.advantage li .con h5{ font-size:20px; line-height:200%;text-align:center;font-weight:500}
.advantage li .con p{text-align:center; line-height:180%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.advantage li .con p.time{ color:#666; line-height:200%; font-size:15px; }
.advantage li a .con h5{ color:#333; }
.advantage li a .con p{color:#666;font-size:16px; padding:0 15px;}
.advantage li{background:#fff; border:#fff solid 0px;transition:all .5s;padding:20px 0; box-shadow:0px 0px 0 #fff;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);display:block; cursor:pointer;}
.advantage li:hover{background-color: #fff; border:#fff solid 3px;transition:all .5s;box-shadow:0px 10px  20px #d1d1d1;display:block ;-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px);}
.advantage li .con .img{width:100%;overflow:hidden;padding:10px; position:relative}
.advantage li .con .img img{width:50%;height:auto; padding:0; text-align:center; margin:0 auto}
.advantage li:last-child .con .img img{width:25%;height:auto; padding:0; text-align:center; margin:0 auto}

.advantage li a .con {transition:all .8s;display:block; }
.advantage li a:hover .con {transition:all .8s;display:block}
.advantage li a .con .img img{-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.advantage li a:hover .con .img img{-webkit-transform:translateZ(0) scale(1.05);-moz-transform:translateZ(0) scale(1.05);-ms-transform:translateZ(0) scale(1.05);-o-transform:translateZ(0) scale(1.05);transform:translateZ(0) scale(1.05);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.advantage li .con .img .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.advantage li a .con  .img .info{background:#333;background:rgba(255,255,255,.3);visibility:hidden;opacity:0;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.advantage li a:hover  .con  .img .info{visibility:visible;opacity:0}
.advantage .btn{ font-size:16px; display:block; float:right; }
.advantage .btn p{  font-size:14px; }
.advantage .btn img{width:24px; height:auto; margin:0 10px;}

.part04{ padding:0 0; background:#fff; margin:0px 0 0 0;}
.part04 .container{ width:100%; padding:0 0}
.part04 ul{ width:100%; margin:10px 0}

.part04 li{ padding:0;}
.part04 li .gallery-pad{ background:#FFF;transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}
.part04 ul li img{ width:100%; height:auto}
.part04 li:hover .gallery-pad{background:#fafafa;transition:all .5s;box-shadow:0px 20px  20px #d1d1d1;display:block ;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px);transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;}

.part04 li .cd-item-info{padding:0  0 20px 0; background:#ebebeb ; background-size: 100% auto; margin:0;}
.part04 ul li p{ text-align:center; font-size:18px; letter-spacing:1px; margin:0 0; line-height:200%;}

.part03{ width:100%; padding:20px 0 0; background:none; overflow:hidden }
  .part03 .container{ padding:0;}

.part03 ul{ background:#FFF; padding:0 0;}
.part03 li{ padding:0 0;background:#FFF;}
.part03 li img{width:90%;height:auto;}

.carousel { margin:10px 0;}
.carousel#carousel-responsive {  width: auto;}
.carousel li{ padding: 0 0;}
.part05{ width:100%; padding:30px 0 40px 0; background:#fafafa; }
  .part05 .container{ margin-top:0; background:none; padding:0; position:relative }
  .part05 .mapBox{ width:100%; text-align:right; margin:30px 0; padding:0; position:relative}
.part05 .mapBox img{display:none; width:100%; height:auto; text-align:right}

.part05 .infoBox{ width:100%; height:auto; padding:20px 40px; text-align:left;  position:static; top:0; left:0;-webkit-transform: translate(0, 0); transform: translate(0,0); z-index:103;background-color: #ec8960);}
.part05 .infoBox p{ display:block; padding:0 0;}
.part05 .code{ width:500px; height:300px;  background-color: rgba(255,255, 255, 0.8); padding:0 5%; position:absolute; top:100px; right:100px; z-index:3; }
.part05 .code img{width:160px; height:auto; margin:0 auto; text-align:center;}
.part05 .infoBox h2{ font-size:22px; font-weight:700; text-align:left; margin:20px 0;color:#666}
.part05 .infoBox p{text-align:left;color:#666}
.part05 .code p{ text-align:center; padding:1vw 0;text-align:left; font-size:.8vw; color:#fff}
.copy{ line-height:180%; padding:15px 0;font-size:14px; color:#333 }
.copy a span { padding:0 0px;color:#333}
}