@charset "utf-8";
/*    __banner
----------------------------------------------*/
.bannerbox{width:100%;overflow:hidden;}

.Homebanner{width:100%;position:relative;height:650px;overflow:hidden;margin-left:-105px;}
.Homebanner ul{width:100%;position:absolute;height:650px;}
.Homebanner ul li{width:100%;height:650px; position:absolute;overflow:hidden;}
.iframehe2{height:720px;}
@media screen and (max-width: 1152px){
	.iframehe2{height:550px;}
	.Homebanner{width:100%;position:relative;height:650px;overflow:hidden;margin-left:15px;}
	.Homeleft{ margin-left:20px;}

}
.Homeleft,.Homeright{font-family:"宋体";width:50px;height:50px;text-align:center;font-size:36px;color:#0080ff; font-weight:600;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;z-index:899999; border-radius:50%; opacity:1;}
.Homeleft{left:5px;opacity:1}
.Homeright{right:5px;opacity:1}

.bannerbox:hover .Homeleft{left:5px;opacity:1}
.bannerbox:hover .Homeright{right:5px;opacity:1}

.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:30px; }
.Homedot a{display:inline-block;margin:0px 5px;height:30px;width:30px;overflow:hidden;background:url(../images/Index/231.png) no-repeat; color:#FFF;font-size:10px; line-height:30px; text-align:center}
.Homedot a.cur{background: url(../images/Index/230.png) no-repeat}


.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}

.Homebannertext dl.bannerone{position:absolute;width:1180px;left:50%;margin-left:-777px;top:218px;text-align:center;z-index:9999;}
.Homebannertext dl.bannerone dt{float:right;font-size:52px; font-weight:600; width:750px;height:80px;line-height:75px;color:#fff;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}

.Homebannertext dl.bannertwo{position:absolute; width:1180px; text-align: center;left:53%; top:120px; color:#fff; margin-left:-950px;z-index:9999;}
.Homebannertext dl.bannertwo dt{padding-top:120px; position:relative;letter-spacing:1px;transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannertwo dt h3{font-size:52px;line-height:60px;font-weight:700;position:relative;}
.Homebannertext dl.bannertwo dt p{font-size:26px;position:relative;padding-top:35px;}
.Homebannertext dl.bannerthree{position:absolute;width:1220px;left:53%;margin-left:-650px;top:45px;}
.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd{width:600px;float:left; text-align:center;color:#fff;padding-top:170px;position:relative;padding-left:25px;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:52px;font-weight:700;line-height:70px;}
.Homebannertext dl.bannerthree dd p{font-size:26px;line-height:30px;padding-top:33px;}

.bannereffect{opacity:0;filter:alpha(opacity=0);}

.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}

.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}

.Homebanner li.cur1 .bannertime{transition:all .4s linear .2s;-moz-transition:all .4s linear .2s;-ms-transition:all .4s linear .2s;-o-transition:all .4s linear .2s;-webkit-transition:all .4s linear .2s;}
.Homebanner li.cur1 .bannertime1{transition:all .4s linear .1s;-moz-transition:all .4s linear .1s;-ms-transition:all .4s linear .1s;-o-transition:all .4s linear .1s;-webkit-transition:all .4s linear .1s;}
.Homebanner li.cur1 .bannertime2{transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;-webkit-transition:all .4s linear;}
.Homebanner li.cur1 .Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerone dd{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannertwo dt{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dt{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .Homebannertext dl.bannerthree dd{transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebanner li.cur1 .bannereffect{opacity:0;filter:alpha(opacity=0);}

/*    __栏目一企业文化
----------------------------------------------*/
.wrapper{margin:0 auto; width:1144px;}
.cols{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;}
.col{ cursor:pointer; margin-top:41px; width:33.33%;}
.container{ margin:0 12px;}
.container{-webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-perspective:1000px; perspective:1000px;}
.front,.back{
    background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height:400px;
	color: #fff;
	font-size:27px;
}
.back{
  background: #cedce7;
  background: -webkit-linear-gradient(45deg,  #aad5ff 0%,#0080ff 100%);
  background: -o-linear-gradient(45deg,  #aad5ff 0%,#0080ff 100%);
  background: linear-gradient(45deg,  #aad5ff 0%,#0080ff 100%);
}
.front:after{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; content:''; display:block;  -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.container:hover .front,.container:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.back{position:absolute; top:0; left:0; width:100%;}
.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 20px;
    font-size:16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
	line-height:26px; 
	letter-spacing:1px;
	
}
.front .inner p{font-size:27px; margin-bottom:40px; position:relative;}
.inner p.fontSize{ font-size:27px; margin-bottom:35px;}
.innerTitle{ font-size:27px; font-weight:600; margin-left:20px; position: relative; top:87%;}
.container .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.container .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.container:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.container:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
@media screen and (max-width: 1152px){
	.wrapper {width:924px;}
}

/*    __栏目二企业文化
----------------------------------------------*/
.finecolumn{margin:0 auto; width:1144px;}
.fineBox{ background:#f6f7f9; margin-top:70px;}
.fineItem{ padding:13px 0 70px;}
.fineList li{ width:25%; float:left; }
.fineMargin{height:278px;padding-top:53px; margin:28px 12px 0 12px;background:#fff;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .03);  transition-duration:.6s;  }
.fineMargin-1{height:278px;padding-top:53px; margin:28px 12px 0 12px;background:#fff;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .01);  transition-duration:.6s;  }
.fineIcon{ width:104px; height:104px; border-radius:50%; background:#0080ff url(../images/Index/fine.png) no-repeat 22px 20px; margin:0 auto;}
.fineIcon-1{ width:104px; height:104px; border-radius:50%; background:#0080ff url(../images/Index/fine-1.png) no-repeat 27px 21px; margin:0 auto;}
.fineMargin-1 .fineIcon02{ background-position:-197px 21px;}
.fineMargin-1 .fineIcon03{ background-position:-425px 21px;}
.fineMargin-1 .fineIcon04{ background-position:-651px 23px;}

.fineIcon02{ background-position:-203px 20px;}.fineIcon03{ background-position:-429px 19px;}.fineIcon04{ background-position:-655px 19px;}.fineIcon05{ background-position:24px -149px;}.fineIcon06{ background-position:-200px -151px;}.fineIcon07{ background-position:-429px -154px;}.fineIcon08{ background-position:-654px -152px;}.fineIcon09{ background-position:23px -308px;}.fineIcon10{ background-position:-204px -306px;}.fineIcon11{ background-position:-429px -309px;}.fineIcon12{ background-position:-655px -309px;}
.fineList p{ margin:0 21px; text-align:center;}
.fineList p.fineTitle{ font-size:20px; margin-top:31px;}
.fineList p.blue{ font-size:26px; margin-top:10px;}
.fineList p.fineInfo{ color:#999; margin-top:11px; line-height:20px;}
.fineList .fineMargin:hover{ box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1); cursor:pointer;}
.fineList .fineMargin:hover{transform:translateY(-12px) scale(1,1); }
@media screen and (max-width: 1152px){
	.finecolumn {width:924px;}
}

/*    __栏目三我们的产品
----------------------------------------------*/
.productColumn{width:1120px; margin:0 auto;}
.proItem{ padding:45px 0;}
.proImg{ width:48%; height:300px; overflow:hidden; float:right;}

.proImg img{ width:100%; height:auto;}
.proFont{ width:48%; float:left;}
.proTitle{ font-size:28px; margin:67px 0 24px; font-weight:600;}
.proInfo{ color:#666;}
.proItem02 .proImg{ float:left;}

.proImg img{ width:530px; height:300px; transition:all 0.6s; cursor:pointer;}
.proImg img:hover{transform:scale(1.2);}
@media screen and (max-width: 1152px){
	.productColumn {width:900px;}
	.proItem02 .proFont {margin-left: 4%;}
	.proImg{ width:500px;}
}


/*    __栏目四我们的客户
----------------------------------------------*/
.customerBox{background:#f6f7f9; margin-top:30px;}
.customer{width:1130px; height:579px; padding-top:36px; margin:0 auto; background:#f6f7f9;position:relative;}
.well{ position:absolute; top:37px; left:114px; }
.well02{top:134px; left:57px; }
.well03{top:231px; left:0;}
.well04{top:328px; left:57px;}
.well05{top:425px; left:113px;}

.well-item{ width:112px; hanging-punctuation:124px; position: relative; float: left; margin-right:1px;}
.well-item img{ width:112px; height:124px;}
.correct{position:absolute; width:100%;}
.opposite{width:112px; height:124px;}
.opposite div{width:112px; height:124px;}
.opposite-content{display:table;width:112px; height:124px;}
.opposite-content-text{ display: table-cell; vertical-align: middle; text-align: center; color: white; font-size: 24px; }
@media screen and (max-width: 1152px){
	.customer {width:910px;height:489px;}
	.well-item {width:89px;}
	.well-item img {width:89px; height:99px;}
	.opposite{width:89px;height:99px;}
	.opposite div{width:89px;height:99px;}
	.well {top:37px; left:90px;}
	.well02{top:117px; left:45px; }
	.well03{top:197px; left:0;}
	.well04{top:278px; left:45px;}
	.well05{top:359px; left:91px;}
}

@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 360deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 360deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.2s linear;
  animation: flipOutYtest 0.3s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -360deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.2s linear;
  animation: flipInYtest 0.2s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}