html{font-size:625%;}
body{font-size:14px;background:#FFF;}
body {margin:0;padding:0;}
body {color:#151515;font-family:'SourceSansPro',Arial, Helvetica, sans-serif;line-height:1.5}
body{background-color:#fff;}
 
img{border:none;vertical-align:middle;max-width:100%;}
 
i, em{font-style:normal;}
a{color:#151515;text-decoration:none;}
a:focus{outline:none;}
a:hover{color:#00909e;text-decoration:none;}
 
a:active {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;outline:0!important;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0;}

.container:after {content:"";display:block;clear:both;visibility:hidden;height:0;}
.container   {*zoom:1;}
 
body{width:100%;position:absolute;left:0;top:0;min-width:1400px;overflow-x:hidden;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;}
.container{width: 1200px;margin: 0 auto;}
.index_main .container{width: 1400px;}
.web_head .container,.about_section .container{width: 88%;max-width: 1550px;}
 
.z9999{z-index:9999!important;}
.hide{display:none;}
 
.image_box .play_icon {-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.web_main{overflow:hidden;}
.index_promote,.index_promote a,
.about_section,.about_section a,
.index_product,.index_product a{color: #fff;}
.section_header{text-align: center;margin-bottom: 45px;}
.section_header .header_title{display: inline-block;position: relative;font-size: 55px;text-transform: uppercase;letter-spacing: .03em;}
.section_header .header_title em{position: relative;z-index: 1;}
.section_header .header_title i{font-weight: bold;position: absolute;left: 0;top: 0;-webkit-transform: scale(1.45);-ms-transform: scale(1.45);-o-transform: scale(1.45);transform: scale(1.45);opacity: .2;}
  
.about_section{padding-top: 60px; background-color: #000;}
.about_section .section_header{margin-bottom: 20px;}
.about_section .container{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.about_section .about_image,.about_section .about_content{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;}
.about_section .about_image{float: left;}
.about_section .image_box{position: relative;}
.about_section .image_box a,.about_section .image_box img{display: block;width: 100%;height: auto;}
.about_section .image_box .play_icon{display: inline-block;color:#fff;font-size: 45px;background-color: rgba(0,0,0,.6);border: 4px solid #fff;border-radius: 50%;width: 135px;height: 135px;line-height:135px;text-align: center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;-webkit-box-sizing: content-box;box-sizing: content-box;background-clip: content-box;z-index: 2;}
.about_section .image_box .play_icon:after{content: '\f04b';font-family: 'fontawesome';}
.about_section .image_box:hover .play_icon{width: 105px;height: 105px;line-height: 105px;font-size: 40px;background-color: rgba(220,59,60,.9);border-radius: 25px 100px 100px 25px / 65px 65px 65px 65px;box-shadow: 0 0 8px rgba(0,0,0,.2);}
.about_section .about_content{float: right;text-align: center;padding-left: 5%;-webkit-box-ordinal-group: 2;-moz-order: 2;-webkit-order: 2;order: 2}
.about_section .about_desc{font-size: 16px;margin: 10px 0 0;}
.about_section .about_footer{width: 80%;margin:20px auto 0;padding-top: 35px;border-top: 1px solid #00909e;}
.about_section .about_footer img{vertical-align: middle;}
 
.main{position:relative; width:calc(100% - 260px); float:right;padding-bottom:50px; }
.main .banner_section{margin-bottom:25px;}
.main_hd{margin-bottom: 10px;border-bottom: 1px solid #ebebeb;padding-bottom: 5px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.main_hd .page_title{float: left;font-weight: normal;padding-right: 8%;padding-bottom: 0;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.main_hd .share_this,.items_list .main_hd .share_this{float: right;position: static;}
.page_title{font-size: 22px;color:#000;padding-bottom: 15px;}
 
@media only screen and (max-width:1680px){
body{min-width: 1400px;}
 .about_section .container {width: 1400px;}
}
@media only screen and (max-width:1600px){
body{min-width: 1280px;}
.about_section .container{width: 1280px;}
}
@media only screen and (max-width:1440px){
body{min-width: 1200px;}
.about_section .container{width: 1200px;}
}
@media only screen and (max-width:1366px){
body{min-width: 1100px;}
.about_section .container{width: 1100px;}
.section_header .header_title{font-size: 45px;}
.about_section .image_box .play_icon{width: 90px;height: 90px;line-height: 90px;font-size: 36px;}
.about_section .image_box:hover .play_icon{width: 60px;height: 60px;line-height: 60px;font-size: 28px;background-color: rgba(220,59,60,.9);border-radius: 25px 100px 100px 25px / 65px 65px 65px 65px;box-shadow: 0 0 8px rgba(0,0,0,.2);}
}
@media only screen and (max-width:1200px){
body{min-width: inherit;}
 .about_section .container {width: 92%;}
}
@media only screen and (max-width:768px){
.about_section .container{width: 92%;}
.section_header .header_title{font-size: 30px;}
.about_section .about_content{padding-left: 0;}
.about_section .about_image,.about_section .about_content{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%;}
.about_section .about_content{padding-top: 20px;}
}
@media only screen and (max-width:480px){
.about_section .container{width: auto; padding: 0 10px;}
.about_section{padding-top: 50px;padding-bottom: 50px;}
.about_section .image_box .play_icon{font-size: 24px;width: 60px;height: 60px;line-height: 60px;}
}


.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA}
@-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);-ms-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA}
@-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA}

.about_section .about_content {
  float: left;
  -webkit-box-ordinal-group: 1;
  -moz-order: 1;
  -webkit-order: 1;
  order: 1;
  padding-left: 0;
  padding-right: 5%;
  text-align: center;
}
.about_section .about_image {
  float: right;
  -webkit-box-ordinal-group: 2;
  -moz-order: 2;
  -webkit-order: 2;
  order: 2;
}

.product_info {
      display: flex;
      margin-top: 30px;
      justify-content: space-between;
}
.product_item {
  width: 45%;
  display: flex;
  align-items: flex-start; 
}
.product_item .icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  flex-shrink: 0;
}
.product_item .icon img {
  width: 100%;
  height: 100%;
}
.product_item .text h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #fff;
}
.product_item .text p {
  font-size: 14px;
  margin: 0;
  color: #fff;
  line-height: 1.6;
}

.video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 10000;
  justify-content: center;
  align-items: center;
}
.video-popup .popup-container {
  width: 80%;
  max-width: 900px;
  position: relative;
}
.video-popup .close-button {
  position: absolute;
  top: -40px;
  right: 0;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
}
.video-popup iframe {
  width: 100%;
  height: 500px;
}