@charset "utf-8";
/* CSS Document */
#footer{ margin-top:0}
.ind_banner{ position:fixed; width:100%; height:100%; padding:0; margin:0; top:0; background:#fff; z-index:200}
.ind_banner .owl-carousel,
.ind_banner .owl-stage-outer,
.ind_banner .owl-stage,
.ind_banner .owl-item,
.ind_banner .item,
.ind_banner .pic,
.ind_banner .wap{ height:100%;}
.ind_banner .item{ position:relative; overflow:hidden}
.ind_banner .img-font{ position:absolute; width:100%;transition:1.2s ease-in-out; opacity:0; z-index:5}
.ind_banner .img-font img{ max-width:70%}
.ind_banner .active .img-font{ opacity:1}
.ind_banner .pic,
.ind_banner .wap{-webkit-transition:-webkit-transform 6s ease 0s;transition:transform 6s ease 0s;-webkit-transform-origin:center;transform-origin:center; background: no-repeat center center; background-size:cover;}
.ind_banner .wap{ display: none;}
/*.ind_banner .active .pic{-webkit-transform: scale(1.1);transform: scale(1.1);}*/
.ind_banner #n1 .img-font{ text-align:center; padding-top:12%;transform:translateX(-50%);}
.ind_banner #n2 .img-font{ padding-top:10%; left:10%; transform:translateY(-100%);}
.ind_banner #n3 .img-font{ padding-top:15%; left:10%; transform:translateX(-100%);}
.ind_banner #n4 .img-font{ padding-top:15%; left:10%; transform:translateX(-100%);}
.ind_banner .active #n1 .img-font{transform:translateX(0%);}
.ind_banner .active #n2 .img-font{transform:translatey(0%);}
.ind_banner .active #n3 .img-font{transform:translateX(0%);}
.ind_banner .active #n4 .img-font{transform:translateX(0%);}
.ind_banner .owl-dots{ position:absolute; width:100%; bottom:20px;}
.ind_banner .enter{cursor: pointer; position: absolute;  z-index: 100;  top: 60%;  left: 50%;  width:370px;  padding-left: 20px;  text-align: center;  line-height:50px;  margin-left: -135px;  margin-top: -25px; border-radius: 8px;
 color: #fff;  font-size:20px; box-shadow: 0 0 13px #fff;border: solid 1px #fff;);
}
.ind_banner .enter:hover{background-color: rgba(0, 0, 0, 0.31);}
.ind_banner .enter:before{ position: absolute;opacity: 0.3; width:30px; height: 15px; top:18px;content: '';  display: block; background:url(../images/enter.png) no-repeat center center; animation:mymove 1s infinite;
-webkit-animation:mymove 1s infinite; /*Safari and Chrome*/}
@keyframes mymove
{
from {left:0px; opacity: 0.3;}
to {left:8px; opacity: 1;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px; opacity: 0.3;}
to {left:8px; opacity: 1;}
}

#banbody{overflow: hidden;}

@media(max-width:640px){
.ind_banner .pic{ display:none;}
.ind_banner .wap{ display: block;}
.ind_banner .enter{font-size:16px; line-height:40px; width: 150px; margin-top: -20px; margin-left: -75px;}
.ind_banner .enter:before{ top:12px}
}


.ind-title{ text-align:center; padding:4% 0}
.ind-title span{ display:block; padding:10px 0}
.ind-title span.cn{ color:#e62129; font-size:36px;}
.ind-title span.en{ color:#e5e5e5; font-size:40px; text-transform:uppercase; font-family:苹方}

.ind_news{ padding-bottom:3%}
.ind_news .list ul li{ margin-bottom:5%;}
.ind_news .list ul li:last-child{ margin-bottom:0}
.ind_news .txt{ position:relative; display:block; padding:5% 5% 5% 160px; border-radius:4px; box-shadow:0 0 10px 1px rgba(60,60,66,0.08)}
.ind_news .txt time{ font-family: Arial, Helvetica, sans-serif; color:#888888;}
.ind_news .txt time span.pc{ padding:0px 30px; font-size:18px; left:0; position:absolute; border-right:solid 1px #e5e5e5; text-align:center}
.ind_news .txt time span.pc b{ line-height:50px; display:block; font-weight:normal; font-size:48px; border-bottom:solid 1px #e5e5e5;}
.ind_news .txt time span.wap{ display:none;}
.ind_news .txt h4{ font-size:16px; color:#333333; margin-bottom:10px;}
.ind_news .txt p{ color:#888888; height:48px;}
.ind_news a:hover .txt h4{ color:#e62129}
.ind_news .hot .item{ padding:0 10px 10px 10px;}
.ind_news .hot .item .pic img{ width:100%;}
.ind_news .hot .txt time{ color:#e62129;}
.ind_news .hot .txt time span.pc b{ border-bottom-color:#e62129}
.ind_news .owl-dots{ position:absolute; width:100%; bottom:170px;}

.ind_about{ background:#f1e6ce no-repeat center bottom}
.ind_about .ind-title span.en{ color:#fff}
.ind_about .a-play{ text-align:center; padding:3% 0}
.ind_about .a-play a{ cursor:pointer;width:120px; height:120px; display: inline-block; background:url(../images/play.png) no-repeat center center/100%}
.ind_about .intro{ color:#fff; font-size:16px; min-height:300px; text-align:center}
.video_files{ position:relative;}
.video_files *{ max-width:100%; max-height:100%;}
.video_files video{ width:100%; height:100%;}
.video_files iframe{ width:100%; height:100%;}
.video_files .close{ z-index:5; cursor:pointer; width:30px; height:30px; display:block; position:absolute; right:0px; top:0px; background-color:#de0515;border-radius:100px;}
.video_files .close:before,.video_files .close:after{ content:''; display: block;  position: absolute; top:50%; margin-top:-1.5px;  width:60%;  height: 3px;  left: 20%; transition: all .3s; border-radius: 2px;   background-color: #fff;}
.video_files .close:before{transform: rotate(45deg);}.video_files .close:after{transform: rotate(-45deg);}

.ind_photo{ position:relative; margin-top:-8%;}
.ind_photo .photo{ position:relative;}
.ind_photo .photo img{ border-radius:6px;}
.ind_photo .photo a{ display:block;}
.ind_photo .photo a:before{ opacity:0.5; content:''; display:block; position:absolute; border:solid 1px #fff; left:1%; top:3%; width:98%; height:92%;border-radius:6px;}
.ind_photo dl{ position:absolute; width:100%; height:100%;}
.ind_photo dl dd{ width:100%; height:100%;display:table;}
.ind_photo dl dd h2{ display:table-cell; vertical-align:middle}
.ind_photo span.cn{ color:#fff; font-size:24px;}
.ind_photo span.en{ color:#fff; font-size:28px;}

.ind_product {background: rgb(255,255,255); padding-bottom:5%; overflow:hidden;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 45%, rgba(254,246,247,1) 45%, rgba(254,246,247,1) 85%, rgba(255,255,255,1) 85%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 45%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 45%,rgba(254,246,247,1) 45%,rgba(254,246,247,1) 85%,rgba(255,255,255,1) 85%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 45%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 45%,rgba(254,246,247,1) 45%,rgba(254,246,247,1) 85%,rgba(255,255,255,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}
.ind_product .list{ background-color:#fff; border-radius:4px; box-shadow:0 0 10px 1px rgba(60,60,66,0.08)}
.ind_product .list .item{ text-align:center; position:relative; z-index:101 }
.ind_product .list .item a{ display:block;}
.ind_product .list .item .txt{ max-width:660px; margin:auto; padding:20px 10px 30px 10px; z-index:100; position:relative}
.ind_product .list .item .txt h3{ line-height:50px; font-size:24px; color:#e62129}



.ind_development .ind-title{ position:absolute; width:100%; left:0}
.ind_development .ind-title  span.en{ color:#fff}

@media(min-width:960px){
.ind_product .list .item .icon{ position:absolute; left:50%; margin-left:-50px; top:-128px; width:100px; height:100px; z-index:110; background-color:rgba(255,255,255,0.5);border-radius:100%; padding:5px;}
.ind_product .list .item .icon img{ background-color:rgba(255,255,255,0.5);border-radius:100%; position:relative;}
.ind_product .owl-dots{ border:solid 4px rgba(255,255,255,0.5);border-radius:100%; position:absolute; left:25%; width:50%; height:240px; bottom:-10px;}
.ind_product .owl-dots .owl-dot{ position:absolute; display:block; border-radius:100%; margin:0; z-index:1}
.ind_product .owl-dots .owl-dot.active span:before{ display:none;}
.ind_product .owl-dots .owl-dot:nth-child(1) span,
.ind_product .owl-dots .owl-dot:nth-child(7) span{ width:20px; height:20px;}
.ind_product .owl-dots .owl-dot:nth-child(2) span,
.ind_product .owl-dots .owl-dot:nth-child(6) span{ width:25px; height:25px;}
.ind_product .owl-dots .owl-dot:nth-child(3) span,
.ind_product .owl-dots .owl-dot:nth-child(5) span{ width:30px; height:30px;}
.ind_product .owl-dots .owl-dot:nth-child(4) span{ width:35px; height:35px;opacity:0}
.ind_product .owl-dots .owl-dot:nth-child(1){ left:0; top:29%;}
.ind_product .owl-dots .owl-dot:nth-child(2){ left:13%; top:8%;}
.ind_product .owl-dots .owl-dot:nth-child(3){ left:30%; top:-4%;}
.ind_product .owl-dots .owl-dot:nth-child(4){ left:48%; top:-8%;}
.ind_product .owl-dots .owl-dot:nth-child(5){ right:30%; top:-4%;}
.ind_product .owl-dots .owl-dot:nth-child(6){ right:13%; top:8%;}
.ind_product .owl-dots .owl-dot:nth-child(7){ right:0; top:29%;}
}
@media(min-width:768px){
.ind_news .hot{ float:left; width:48%}
.ind_news .list{ float:right; width:48%}
.ind_photo .photo{ width:48.612%;}
.ind_photo .photo:nth-child(1){ float:left}
.ind_photo .photo:nth-child(2){ float:right}

}
@media(max-width:960px){
.owl-carousel .owl-dots{ padding-bottom:3%}
.owl-carousel .owl-dots .owl-dot span{ background-color:#CCC}
.owl-carousel .owl-dots .owl-dot.active span:before{ border-color:#CCC}
}
@media(max-width:768px){
.ind_photo .photo{ margin:2% 0}
.ind_about .a-play a{ width:60px; height:60px;}
}
@media(max-width:640px){
.ind_news .hot .txt{ padding-left:20px;}
.ind_news .hot .txt time span.pc{ font-size:14px; position:relative; padding:0}
.ind_news .hot .txt time span.pc b{ font-size:20px; line-height:24px; border-bottom:none; padding-right:5px; margin-right:10px; border-right:solid 1px #e5e5e5; display:inline-block}
.ind_news .list ul li{ margin-bottom:0;}
.ind_news .list .txt{ padding:3% 0 3% 30px; box-shadow:none; border-bottom:solid 1px #eeeeee;}
.ind_news .list .txt time span.pc{ display:none}
.ind_news .list .txt time span.wap{ display:block}
.ind_news .list .txt h4{ padding:3px 0;}
.ind_news .list .txt h4:before{ content:''; width:15px; height:3px; background-color:#adadad; position:absolute; top:50px; left:0px;}
}