@charset "utf-8";
.advantage_banner{width: 100%;height: 600px;background: url(../images/advantage-banner.jpg) no-repeat center 0;}

.container {width:1200px;margin:0 auto;}
.contain {width:1200px;margin:0 auto;}
.container h2, #team h2 {width:100%;text-align:center;font-size:38px;font-weight:600;color:#494949;padding-top:70px;padding-bottom:50px;}
.pro-contain {width:100%;}
.pro-contain ul li {float:left;width:33.33%;height:300px;border:1px rgba(240,240,240,.8) solid;vertical-align:top;transition:easy all 0.3s;margin:0 0 -1px -1px;background: rgba(255,255,255,.7);}
.pro-contain ul li:hover {transition:easy all 0.3s;box-shadow:0 12px 30px rgba(0,0,0, 0.1);}
.pro-contain ul li:first-child:hover h5 {color:#207ddc;}
.pro-contain ul li:nth-child(2):hover h5 {color:#00b5f6;}
.pro-contain ul li:nth-child(3):hover h5 {color:#26b72e;}
.pro-contain ul li:nth-child(4):hover h5 {color:#fa3e3e;}
.pro-contain ul li:nth-child(5):hover h5 {color:#ffa800;}
.pro-contain ul li:nth-child(6):hover h5 {color:#be60f2;}
.cell-left {width:35%;display:inline-block;text-align:center;position:relative;    }
.cell-left, .cell-right {vertical-align:top;float: left;}
.cell-left img {padding-top:50px;width:70%;vertical-align:text-bottom;}
.cell-right {padding-top:20px;width:65%;display:inline-block;}
.cell-right h5 {padding-top:40px;padding-bottom:5px;width:90%;padding-left:2%;font-size:18px;font-weight:bold;}
.cell-right p {width:90%;padding-left:2%;font-size:14px;line-height:30px;}
.gn-container li {float:left;width:16%;border:1px #dcdcdc solid;text-align:center;position:relative;height:175px;margin:0 0 -1px -1px;overflow:hidden;}
.gn-container li img {width:30%;padding-top:20px;padding-bottom:10px;}
.gn-container li>div {margin:18px 0;font-size:16px;}
.gn-container li:hover  {opacity:1;-webkit-transition:all 600ms ease-out 0s;-moz-transition:all 600ms ease-out 0s;-o-transition:all 600ms ease-out 0s;transition:all 600ms ease-out 0s;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);}
.gn-container>li:first-child  {background-color:#2a6ce6;}
.gn-container>li:nth-child(2)  {background-color:#3ea3de;}
.gn-container>li:nth-child(3)  {background-color:#be60f2;}
.gn-container>li:nth-child(4)  {background-color:#ff4e4d;}
.gn-container>li:nth-child(5)  {background-color:#00b5f6;}
.gn-container>li:nth-child(6)  {background-color:#ff801c;}
.gn-container>li:nth-child(7)  {background-color:#32d4bc;}
.gn-container>li:nth-child(8)  {background-color:#ffa800;}
.gn-container>li:nth-child(9)  {background-color:#0dcc6d;}
.gn-container>li:nth-child(10)  {background-color:#4588ff;}
.gn-container>li:nth-child(11)  {background-color:#6285b6;}
.gn-container>li:nth-child(12)  {background-color:#86cd00;}
.current-swiper {width:650px;height:370px;border-radius:10px;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,0.5);position:relative;z-index:99;}
.left-swiper {position:absolute;left:117px;top:52px;z-index:1;}
.right-swiper {position:absolute;right:117px;left:auto;top:52px;z-index:1;}
.nocurrent-swiper {width:479px;height:273px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.05);}
.nocurrent-swiper:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(237,240,240,0.9);z-index:99;}
.detail {width:100%;line-height:2;color:#444;font-size:14px;text-align:left;margin-bottom:30px}
.nocurrent-swiper .detail {font-size:12px;line-height:20px;width:235px;margin-left:30px;}
.swiper-button-prev {width:46px;height:46px;background:url(../img/pre-btn1.png) no-repeat center center;}
.swiper-button-next {width:46px;height:46px;background-size:auto;background:url(../img/next-btn1.png) no-repeat center center;}
#testimonials {background:url(../img/Tes-bgimg.jpg) center 0 no-repeat fixed;color:#FFF;background-size:cover;overflow:hidden;}
#testimonials li {width:50%;float:left;}
#testimonials h2 {color:#FFF;}
.gn-container .gn-list li {width:50%;float:left;border:none;margin-bottom:10px;}
.gn-list li>div {width:98%;margin:0 auto;height:100%;border:1px rgba(240,240,240,.6) solid;}
.gn-img, .gn-ind {float:left;height:100%;}
.gn-img {width:175px;}
.gn-container .gn-img img {width:45%;padding-top:48px;}
.gn-ind {width:calc(100% - 185px);}
.gn-list  {left:5%;right:5%;}
.gn-ind h3, .gn-ind h5 {text-align:left;width:90%;line-height:2;}
.gn-ind h3 {font-size:22px;padding-top:20px;}
.gn-container .big {height:215px;}
.gn-container .big img {padding-top:60px;}
.gn-list>li:first-child>div:hover {background-color:#2a6ce6;color:#FFF;}
.gn-list>li:nth-child(2)>div:hover {background-color:#3ea3de;color:#FFF;}
.gn-list>li:nth-child(3)>div:hover {background-color:#be60f2;color:#FFF;}
.gn-list>li:nth-child(4)>div:hover {background-color:#ff4e4d;color:#FFF;}
.gn-list>li:nth-child(5)>div:hover {background-color:#00b5f6;color:#FFF;}
.gn-list>li:nth-child(6)>div:hover {background-color:#ff801c;color:#FFF;}
.gn-list>li:nth-child(7)>div:hover {background-color:#32d4bc;color:#FFF;}
.gn-list>li:nth-child(8)>div:hover {background-color:#ffa800;color:#FFF;}
.gn-list>li:nth-child(9)>div:hover {background-color:#0dcc6d;color:#FFF;}
.gn-list>li:nth-child(10)>div:hover {background-color:#4588ff;color:#FFF;}
.gn-list>li:nth-child(11)>div:hover {background-color:#6285b6;color:#FFF;}
.gn-list>li:nth-child(12)>div:hover {background-color:#86cd00;color:#FFF;}
#dom-sup {background:url(../images/supbg.jpg) center 0 no-repeat;background-size:cover;    height: 850px;}
#dom-sup h2 {color:#FFF;}
#dom-sup .cell-right h5, #dom-sup .cell-right p {color:#333;}
#dom-sup .cell-left img {width:55%;}
#dom-sup ul li:first-child:hover {background-color:#207ddc;}
#dom-sup ul li:nth-child(2):hover {background-color:#00b5f6;}
#dom-sup ul li:nth-child(3):hover {background-color:#26b72e;}
#dom-sup ul li:nth-child(4):hover {background-color:#fa3e3e;}
#dom-sup ul li:nth-child(5):hover {background-color:#ffa800;}
#dom-sup ul li:nth-child(6):hover {background-color:#be60f2;}