/*----------pages.css----------*/
.ui-banner{

}
.ui-banner .img{
  height: 490px;
  background: none no-repeat center;
}
.ui-banner.at-home .img{
  height: 555px;
}
.ui-lrct{

}
.ui-lrct >.l{
  width: 235px;
  float: left;
}
.ui-lrct >.r{
  width: 915px;
  float: right;
}
.ui-navi{
  position: relative;
}
.ui-navi:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 10000px;
  background-color: #e9e9e9;
  position: absolute;
  top: 0;
  right: 14px;
}
.ui-navi >.hd{
  height: 65px;
  padding-top: 16px;
}
.ui-navi >.hd p{
  line-height: 1em;
  color: #333333;
  font-size: 20px;
}
.ui-navi >.hd p small{
  color: #c7c7c7;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 25px;
}
.ui-navi >.ct{
height:100%; overflow-y:auto;

}
.ui-navi .list{

}
.ui-navi .list >ul{
  margin-bottom: 0;
}
.ui-navi .list >ul >li{
  margin-bottom: 0;
}
.ui-navi .list .i{

}
.ui-navi .list .i >p{
  position: relative;
}
.ui-navi .list .i.on >p{
  background-color: #e70e1f;
}
.ui-navi .list .i >p:after{
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url(../images/navi-dot.png);
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -6px;
  right: 8px;
}
.ui-navi .list .i.on >p:after{
  background-image: url(../images/navi-dot-on.png);
}
.ui-navi .list .i >p a{
  display: block;
  color: #333333;
  font-size: 16px;
  padding: 0 14px;
  line-height: 52px;
}
.ui-navi .list .i >p a:hover{
  color: #e60012;
}
.ui-navi .list .i.on >p a{
  color: #fff;
}
.ui-navi .list .i >.ct{
  padding: 10px 14px;
  display: none;
}
.ui-navi .list .i >.ct p{
  line-height: 35px;
  color: #666666;
  font-size: 14px;
}
.ui-navi .list .i >.ct p a{
  display: inline-block;
  background: url(../images/navi-aw.png) no-repeat 0 50%;
  padding-left: 10px;
  color: #666666;
  line-height: 35px;
  height: 35px;
}
.ui-navi .list .i >.ct p a:hover,
.ui-navi .list .i >.ct p a.on{
  color: #e60012;
  background-image: url(../images/navi-aw-on.png);
}
.ui-navi .view{

}
.ui-navi .view img{
  width: 100%;
}
.ui-pagecont{

}
.ui-path{

}
.ui-path >a{
  display: none;
}
.ui-path p{
  text-align: right;
  color: #a6a6a6;
}
.ui-path p a{
  color: #a6a6a6;
}
.ui-path p a:hover,
.ui-path p a.on{
  color: #e70e1f;
}
.ui-path p i{
  font-style: normal;
  font-family: 宋体;
  margin: 0 5px;
}
.ui-prodview{

}
.ui-prodview >.hd{

}
.ui-prodview >.hd p{
  text-align: center;
  color: #2a2a2a;
  font-size: 20px;
}
.ui-prodview >.hd p small{
  color: #666666;
  font-size: 16px;
}
.ui-prodview >.hd p small b{
  font-weight: normal;
  color: #2a2a2a;
}
.ui-prodview >.ct{

}
.ui-prodview >.ct .view{

}
.ui-prodview >.ct .view .img{
  text-align: center;
}
.ui-prodview >.ct .view .img img{

}
.ui-head1{
  display: none;
  border-bottom: 1px solid #d4d4d4;
  height: 30px;
  position: relative;
}
.ui-head1 .aw{
  position: absolute;
  top: -10px;
  right: 0;
}
.ui-head1 .aw a{
  display: inline-block;
  width: 34px;
  height: 32px;
  border: 1px solid #959595;
  background: none no-repeat center;
  float: left;
  margin-left: 8px;
}
.ui-head1 .aw a:hover{
  border-color: #e60012;
}
.ui-head1 .aw a.prev{
  background-image: url(../images/aw1-l.png);
}
.ui-head1 .aw a.prev:hover{
  background-image: url(../images/aw1-l-on.png);
}
.ui-head1 .aw a.next{
  background-image: url(../images/aw1-r.png);
}
.ui-head1 .aw a.next:hover{
  background-image: url(../images/aw1-r-on.png);
}
.ui-head1 >p{

}
.ui-head1 >p label{
  font-weight: normal;
  margin-bottom: 0;
  display: inline-block;
  height: 30px;
  border-bottom: 2px solid #d7282d;
  line-height: 20px;
  float: left;
  font-size: 20px;
}
.ui-prodinfo img{/* width: 100%!important;height:auto!important;*/
}

.ui-prodinfo >ul{
  margin-bottom: 0;
}
.ui-prodinfo >ul >li{
  border-bottom: 1px solid #f2f2f2;
  padding: 30px 0;
}
.ui-prodinfo .p{
  position: relative;
  padding-left: 140px;
  min-height: 100px;
  display: table;
  width: 100%;
}
.ui-prodinfo .p >label{
  font-weight: normal;
  margin-bottom: 0;
  position: absolute;
  top: 15px;
  left: 0;
  width: 115px;
}
.ui-prodinfo .p >label img{
  
}
.ui-prodinfo .p >label p{
  margin-top: 10px;
  color: #c21104;
  font-size: 16px;
  padding-left: 30px;
}
.ui-prodinfo .p >.ct{
  display: table-row;
  vertical-align: middle;
  width: 100%;
}
.ui-prodinfo .text{

}
.ui-prodinfo .text p{
  color: #666666;
  line-height: 24px;
  font-size: 14px;
}
.ui-prodinfo .silde{

}
.ui-prodinfo .silde ul{
  margin-bottom: 0;
}
.ui-prodinfo .silde ul li{
  width: 33.33%;
  float: left;
  padding: 0 1px;
}
.ui-prodinfo .silde img{
  width: 100%;
}
.ui-prodinfo .video{

}
.ui-prodinfo .video .img{
  width: 480px;
  margin: 0 auto;
}
.ui-prodlist{
display: none;
}
.ui-prodlist ul{
  margin-bottom: 0;
  margin: 0 -15px;
}
.ui-prodlist ul >li{
  width: 33.33%;
  float: left;
  padding: 0 15px;
}
.ui-prodlist .i{
  display: block;
}
.ui-prodlist .i .img{
  border: 1px solid #e3e3e3;
  position: relative;
}
.ui-prodlist .i .img img{
  width: 100%;
}
.ui-prodlist .i .img >.ct{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(228, 226, 226, .6);
  padding: 10px 0;
  opacity: 0;
}
.ui-prodlist .i .img:hover >.ct{
  opacity: 1;
}
.ui-prodlist .i .img >.ct p{
  line-height: 20px;
  color: #2a2a2a;
  font-size: 16px;
  text-align: center;
}
.ui-prodlist .i .txt{
  padding: 20px 0;
}
.ui-prodlist .i:hover .txt{
  background-color: #dc060d;
}
.ui-prodlist .i .txt p{
  line-height: 20px;
  color: #2a2a2a;
  font-size: 14px;
  text-align: center;
}
.ui-prodlist .i:hover .txt p{
  color: #fff;
}
.ui-title{
  background-color: #f7f7f7;
}
.ui-title label{
  font-weight: normal;
  margin-bottom: 0;
  line-height: 45px;
  color: #e70e1f;
  font-size: 18px;
  float: left;
}
.ui-title .ct{

}
.ui-title .ct p{
  text-align: right;
  line-height: 45px;
  color: #a6a6a6;
}
.ui-title .ct p a{
  color: #a6a6a6;
}
.ui-title .ct p a:hover,
.ui-title .ct p a.on{
  color: #e70e1f;
}
.ui-title .ct p i{
  font-style: normal;
  font-family: 宋体;
  margin: 0px 5px;
}
.ui-caselist{

}
.ui-caselist ul{
  margin-bottom: 0;
  margin: -20px -35px;
}
.ui-caselist ul li{
  width: 33.33%;
  padding: 20px 35px;
  float: left;
}
.ui-caselist .i{
  display: block;
  overflow: hidden;
}
.ui-caselist .i >.ct{
  position: relative;
  height: 280px;
  overflow: hidden;
}
/* .ui-caselist .i >.ct >i{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/case-plus.png) no-repeat center rgba(0, 0, 0, .5);
  opacity: 0;
} */
/* .ui-caselist .i:hover >.ct >i{
  opacity: 1;
} */
.ui-caselist .i >.ct img{
  width: 100%;
}
.ui-caselist .i:hover >.ct img{
  transform: scale(1.05, 1.05);
}
.ui-caselist .i >p{
  line-height: 50px;
  height:50px; overflow:hidden;
  padding: 0 20px;
  color: #c7c7c7;
  background-color: #47484a;
  font-size: 14px;
}
.ui-paging{
  text-align: center;
}
.ui-paging ul{
  margin-bottom: 0;
  display: inline-block;
}
.ui-paging ul li{
  display: inline-block;
  float: left;
  margin: 0 2px;
}
.ui-paging a{
  display: inline-block;
  height: 30px;
  padding: 0 15px;
  line-height: 30px;
  color: #666666;
  background-color: #f8f8f8;
}
.ui-paging a:hover,
.ui-paging a.on{
  color: #fff;
  background-color: #db3717;
}
.ui-contactform{
  padding: 50px 0;
  border-bottom: 1px solid #ebebeb;
}
.ui-contactform >.l{
  width: 550px;
  float: left;
}
.ui-contactform >.r{
  width: 615px;
  float: right;
}
.ui-contactform .text{

}
.ui-contactform .text >.hd{

}
.ui-contactform .text >.hd p{
  line-height: 34px;
  color: #3e3e3e;
  font-size: 24px;
}
.ui-contactform .text >.hd p b{
  font-weight: normal;
  color: #e70e1f;
  font-size: 30px;
}
.ui-contactform .text >.hd p.p2{
  text-indent: 2.5em;
}
.ui-contactform .text >.ct{
  margin-top: 20px;
}
.ui-contactform .text >.ct h3{
  color: #e70e1f;
  font-size: 18px;
  margin-bottom: 5px;
}
.ui-contactform .text >.ct ul{
  margin-bottom: 0;
}
.ui-contactform .text >.ct ul li{

}
.ui-contactform .text >.ct ul li:before{
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: #ea4951;
  float: left;
  margin-top: 12px;
}
.ui-contactform .text >.ct p{
  color: #3e3e3e;
  font-size: 14px;
  line-height: 28px;
}
.ui-contactform .form{
  border: 1px solid #e0e0e0;
}
.ui-contactform .form >.hd{
  padding: 30px 0;
}
.ui-contactform .form >.hd p{
  line-height: 1em;
  text-align: center;
  color: #333333;
  font-size: 33px;
}
.ui-contactform .form >.ct{
  padding: 0 15px;
}
.ui-contactform .form >.ft{

}
.ui-contactform .form >.ft .bt{
  display: block;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background-color: #e70e1f;
}
.ui-contactform .form >.ft input{
  display: block;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background-color: #e70e1f;
  width: 100%;
  border: 0;
}
.ui-contactform .form >.ft .bt:hover{
  opacity: .8;
}
.ui-contactform .form .p{

}
.ui-contactform .form .p .text{
  position: relative;
  border: 1px solid #eaeaea;
}
.ui-contactform .form .p .text >label{
  font-weight: normal;
  margin-bottom: 0;
  line-height: 42px;
  padding-left: 10px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
}
.ui-contactform .form .p .text input[type="text"],
.ui-contactform .form .p .text textarea{
  border: none;
  padding: 0;
  width: 100%;
  font-size: 14px;
  color: #333333;
}
.ui-contactform .form .p .text input[type="text"]{
  height: 42px;
}
.ui-contactform .form .p .text textarea{
  height: 80px;
  line-height: 42px;
}
.ui-contactform .form .p h3{
  font-size: 18px;
  color: #333;
}
.ui-contactform .form .p p{
  color: #333;
  font-size: 14px;
}
.ui-contactform .form .p p input[type="checkbox"]{
  vertical-align: top;
  margin-right: 3px;
}
.ui-contactform .form .p p label{
  font-weight: normal;
  margin-bottom: 0;
  cursor: pointer;
}
.ui-contactform .form .p .vcode{
  display: inline-block;
  vertical-align: middle;
}
.ui-contactform .form .p .vcode input{
  border: none;
  background-color: #dcdcdc;
  height: 34px;
  width: 94px;
  text-align: center;
  float: left;
  margin-right: 5px;
}
.ui-contactform .form .p .vcode img{
  height: 34px;
}
.ui-contactmaps{
  padding: 50px 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.ui-contactmaps >.txt{
  position: absolute;
  z-index: 1;
  top: 50px;
  left: 0;
  margin-left: 250px;
}
.ui-contactmaps >.txt >p{
  color: #333333;
  font-size: 18px;
}
.ui-contactmaps >.txt >.ct{

}
.ui-contactmaps >.txt >.ct p{
  line-height: 28px;
  color: #333333;
  font-size: 14px;
}
.ui-contactmaps >.txt >.ct p label{
  font-weight: normal;
  margin-bottom: 0;
  color: #e70e1f;
}
.ui-contactmaps >.map{
  width: 990px;
  height: 730px;
  background: url(../images/china.png);
  margin: 0 auto;
  position: relative;
  margin-top: 30px;
}
.ui-contactmaps >.map i{
  display: inline-block;
  background: none no-repeat;
  background-image: url(../images/map-ico1.png);
  color: #333333;
  font-style: normal;
  position: absolute;
  cursor: pointer;
  overflow: hidden;
}
.ui-contactmaps >.map i:hover{
  background-image: url(../images/map-ico2.png);
  overflow: visible;
}
.ui-contactmaps >.map i.star{
  background-image: url(../images/map-ico3.png);
}
.ui-contactmaps >.map i.l{
  padding-right: 12px;
  background-position: 100% 50%;
}
.ui-contactmaps >.map i.r{
  padding-left: 12px;
  background-position: 0 50%;
}
.ui-contactmaps >.map i.t{
  padding-bottom: 15px;
  background-position: 50% 100%;
}
.ui-contactmaps >.map i.b{
  padding-top: 15px;
  background-position: 50% 0;
}
.ui-contactmaps >.map i label{
  font-weight: normal;
  margin-bottom: 0;
  cursor: pointer;
}
.ui-contactmaps >.map i:hover label{
  opacity: 0;
}
.ui-contactmaps >.map i span{
  color: #da4136;
  font-weight: bold;
  position: absolute;
  z-index: 1;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  top: 20px;
  text-align: center;
  opacity: 0;
}
.ui-contactmaps >.map i:hover span{
  opacity: 1;
}
.ui-contactaddr{
  padding: 50px 0;
}
.ui-contactaddr ul{
  margin-bottom: 0;
  margin: 0 -40px;
  margin-left: 250px;
}
.ui-contactaddr ul li{
  width: 33.33%;
  float: left;
  padding: 0 40px;
}
.ui-contactaddr .i{

}
.ui-contactaddr .i >p{
  text-align: center;
}
.ui-contactaddr .i >p >img{

}
.ui-contactaddr .i .text{
  margin-top: 25px;
}
.ui-contactaddr .i .text >p{
  text-align: center;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}
.ui-contactaddr .i .text >.ct{
  margin-top: 3px;
}
.ui-contactaddr .i .text >.ct p{
  line-height: 25px;
  color: #333333;
  font-size: 14px;
}
.ui-fullpart{
  position: relative;
  padding: 80px 0;
}
.ui-fullpart >i{
  display: inline-block;
  width: 96px;
  height: 31px;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
  bottom: -12px;
  left: 50%;
  margin-left: -48px;
}
.ui-fullpart >i.b1{
  background-image: url(../images/part-aw1.png);
}
.ui-fullpart >i.b2{
  background-image: url(../images/part-aw2.png);
}
.ui-fullpart.part1{
  background: url(../images/home-bg1.jpg) no-repeat center;
}
.ui-fullpart.part3{
  background-color: #f4f4f4;
}
.ui-fullpart.part5{
  background: url(../images/homeabout-bg.jpg) no-repeat center;
}
.ui-fullpart >.head{
  text-align: center;
}
.ui-fullpart >.head >p{
  color: #333333;
  font-size: 30px;
  font-weight: bold;
  line-height: 1em;
}
.ui-fullpart >.head.lt >p{
  color: #FFF;
}
.ui-fullpart >.head >.ct{
  position: relative;
  margin-top: 20px;
  padding-top: 10px;
}
.ui-fullpart >.head >.ct >i{
  position: absolute;
  width: 370px;
  height: 1px;
  background-color: #e1e1e1;
  top: 0;
  left: 50%;
  margin-left: -185px;
}
.ui-fullpart >.head >.ct >i:before{
  content: '';
  position: absolute;
  width: 68px;
  height: 3px;
  background-color: #cbcbcb;
  left: 50%;
  margin-left: -34px;
  top: -1px;
}
.ui-fullpart >.head >.ct p{
  text-align: center;
  color: #4e4e4e;
  font-size: 14px;
}
.ui-fullpart >.head.lt >.ct p{
  color: #FFF;
}
.ui-fullpart >.cont{
  margin-top: 50px;
}
.ui-homeprod{

}
.ui-homeprod ul{
  margin-bottom: 0;
  margin: 0 -10px;
}
.ui-homeprod ul li{
  width: 33.3%;
  float: left;
  padding: 0 10px;
}
.ui-homeprod .i{
  display: block;
  position: relative;
}
.ui-homeprod .i:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #e60012;
  transition: height 300ms;
  height: 0;
  transition-delay: 500ms;
}
.ui-homeprod .i:hover:before{
  height: 100%;
}
.ui-homeprod .i:hover *{
  color: #fff !important;
}
.ui-homeprod .i >.img{
  text-align: center;
  position: relative;
}
.ui-homeprod .i >.img i{
  display: inline-block;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: none no-repeat 0 0;
  position: relative;
  transition-delay: 500ms;
}
.ui-homeprod .i:hover >.img i{
  background-position-x: -170px;
}
.ui-homeprod .i >.img i.ico1{
  background-image: url(../images/homeprod-ico1.png);
}
.ui-homeprod .i >.img i.ico2{
  background-image: url(../images/homeprod-ico2.png);
}
.ui-homeprod .i >.img i.ico3{
  background-image: url(../images/homeprod-ico3.png);
}
.ui-homeprod .i >.img i.ico4{
  background-image: url(../images/homeprod-ico4.png);
}
.ui-homeprod .i >.img i.ico5{
  background-image: url(../images/homeprod-ico5.png);
}
.ui-homeprod .i >.img i u{
  position: absolute;
  display: block;
  width: 170px;
  height: 170px;
  background: url(../images/homeprod-rd.png) no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all .5s ease-in-out .0s;
  transition: all .5s ease-in-out .0s;
  -moz-transition: all .5s ease-in-out .0s;
  -ms-transition: all .5s ease-in-out .0s;
  -o-transition: all .5s ease-in-out .0s;
}
.ui-homeprod .i >.img i u.cl{
  clip: rect(0px,85px,170px,0px);
}
.ui-homeprod .i:hover >.img i u.cl{
  clip: rect(170px,85px,2000px,0px);
}
.ui-homeprod .i >.img i u.cr{
  clip: rect(0px,170px,170px,85px);
}
.ui-homeprod .i:hover >.img i u.cr{
  clip: rect(0px,170px,-10px,85px);
}
.ui-homeprod .i >.txt{
  margin-top: 25px;
  padding: 0 20px;
  position: relative;
}
.ui-homeprod .i >.txt >p{
  text-align: center;
  color: #333333;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2em;
  transition-delay: 500ms;
}
.ui-homeprod .i >.txt >p small{
  font-size: 16px;
  font-weight: normal;
  transition-delay: 500ms;
}
.ui-homeprod .i >.txt >.ct{
  margin-top: 20px;
  height: 125px;
  text-align: center;
}
.ui-homeprod .i >.txt >.ct p{
  line-height: 21px;
  color: #333333;
  transition-delay: 500ms;
}
.ui-homecase{

}
.ui-homecase ul{
  margin-bottom: 0;
}
.ui-homecase ul li{
  width: 20%;
  float: left;
}
.ui-homecase .i{
  display: block;
  position: relative;
  overflow: hidden;
}
.ui-homecase .i >img{
  width: 100%;
}
.ui-homecase .i >.ct{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .65);
  overflow: hidden;
  top: -100%;
}
.ui-homecase .i >.ct >label{
  font-weight: normal;
  margin-bottom: 0;
  position: absolute;
  left: 12px;
  color: #fff;
  font-size: 16px;
  padding-bottom: 5px;
  top: 10%;
}
.ui-homecase .i >.ct >label:after{
  content: '';
  display: inline-block;
  width: 25px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ui-homecase .i >.ct .cont{
  padding-top: 25%;
}
.ui-homecase .i >.ct .cont >i{
  display: inline-block;
  width: 68px;
  height: 68px;
 /*  background: url(../images/icon-link.png); */
  position: absolute;
  bottom: 10%;
  left: 50%;
  margin-left: -34px;
}
.ui-homecase .i >.ct .cont >p{
  line-height: 1em;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.ui-homecase .i >.ct .cont >.ct{
  margin-top: 10px;
  padding: 0 50px;
}
.ui-homecase .i >.ct .cont >.ct p{
  text-align: center;
  color: #fff;
  line-height: 18px;
}
.ui-btmore{

}
.ui-btmore p{
  text-align: center;
}
.ui-btmore p .bt{
  display: inline-block;
  width: 380px;
  border: 1px solid #e60012;
  line-height: 56px;
  text-align: center;
  color: #e60012;
  font-size: 16px;
}
.ui-btmore p .bt:hover{
  background-color: #e60012;
  color: #fff;
}
.ui-homedata{

}
.ui-homedata >ul{
  margin-bottom: 0;
  margin: 0 -20px;
}
.ui-homedata >ul >li{
  width: 20%;
  float: left;
  padding: 0 20px;
}
.ui-homedata .i{

}
.ui-homedata .i >.ct{
  background-color: #e60012;
  border-radius: 5px;
  position: relative;
}
.ui-homedata .i >.ct:after{
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  top: 50%;
  margin-top: -2px;
  left: 0;
  background-color: #e60012;
}
.ui-homedata .i >.ct.fix:after{
  margin-top: 0;
}
.ui-homedata .i >.ct p{
  line-height: 115px;
  text-align: center;
  color: #fff;
  font-size: 58px;
  font-weight: bold;
}
.ui-homedata .i >p{
  margin-top: 25px;
  color: #333333;
  font-size: 16px;
  line-height: 1em;
  text-align: center;
}
.ui-homevideo{
  position: relative;
  overflow: hidden;
}
.ui-homevideo >a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/homevideo-play.png) no-repeat center rgba(0, 0, 0, .2);
  transition: top 300ms;
  top: -100%;
}
.ui-homevideo:hover >a{
  top: 0;
}
.ui-homevideo >.ct{

}
.ui-homevideo >.ct img{
  width: 100%;
}
.ui-homepics{
  height: 400px;
  border: 2px solid #fff;
  width: 490px;
  position: relative;
}
.ui-homepics >.img{
  position: absolute;
  width: 540px;
  height: 300px;
  top: 50%;
  margin-top: -150px;
  left: 80px;
}
.ui-talenthead{

}
.ui-talenthead p{
  line-height: 30px;
  color: #333333;
  font-size: 18px;
  text-align: center;
}
.ui-talentlist{

}
.ui-talentlist >ul{
  margin-bottom: 0;
}
.ui-talentlist >ul >li{
  margin-bottom: 10px;
}
.ui-talentlist >ul >li:last-child{
  margin-bottom: 0;
}
.ui-talentlist .i{

}
.ui-talentlist .i >.hd{
  padding: 15px;
  padding-right: 80px;
  background-color: #f2f2f2;
  position: relative;
  cursor: pointer;
  overflow: auto;
}
.ui-talentlist .i.on >.hd{
  background-color: #d6000e;
}
.ui-talentlist .i >.hd:after{
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../images/talent-list-aw.png);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 15px;
}
.ui-talentlist .i.on >.hd:after{
  background-image: url(../images/talent-list-aw-on.png);
}
.ui-talentlist .i >.hd table{
  width: 100%;
}
.ui-talentlist .i >.hd table tr{

}
.ui-talentlist .i >.hd table tr td{
  line-height: 28px;
  color: #666666;
  font-size: 14px;
}
.ui-talentlist .i.on >.hd table tr td{
  color: #fff;
}
.ui-talentlist .i >.ct{
  padding: 25px 0;
  display: none;
}
.ui-talentlist .i .text{

}
.ui-talentlist .i .text h3{
  color: #d6000e;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.ui-talentlist .i .text p{
  color: #666666;
  font-size: 14px;
  line-height: 28px;
}
.ui-talentlist .i .text .bt-post{
  display: inline-block;
  height: 50px;
  width: 210px;
  background-color: #666666;
  line-height: 50px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
}
.ui-talentlist .i .text .bt-post:hover{
  background-color: #e60012;
}
.ui-talentlist .i .text .bt-post img{
  margin-right: 5px;
  vertical-align: text-bottom;
}
.ui-videolist{

}
.ui-videolist ul{
  margin-bottom: 0;
  margin: -10px;
}
.ui-videolist ul li{
  width: 33.33%;
  float: left;
  padding: 10px;
}
.ui-videolist .i{
  display: block;
}
.ui-videolist .i >.img{
  position: relative;
}
.ui-videolist .i >.img >img{
  width: 100%;
}
.ui-videolist .i >.img >.ct{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/homevideo-play.png) no-repeat center rgba(0, 0, 0, .2);
  background-size: 96px auto;
  overflow: hidden;
  transition: height 300ms;
  height: 0;
}
.ui-videolist .i:hover >.img >.ct{
  height: 100%;
}
.ui-videolist .i >.img >.ct:before{
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 0;
  border: 1px solid rgba(255, 255, 255, .6);
  border-bottom: none;
}
.ui-videolist .i >.txt{
  padding-top: 10px;
  padding-bottom: 20px;
  position: relative;
}
.ui-videolist .i:hover >.txt{
  background-color: #e60012;
}
.ui-videolist .i >.txt:after{
  content: '';
  display: inline-block;
  width: 56px;
  height: 2px;
  background-color: #bebebe;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -28px;
}
.ui-videolist .i:hover >.txt:after{
  background-color: #fff;
}
.ui-videolist .i >.txt p{
  color: #333333;
  font-size: 13px;
  text-align: center;
  line-height: 1.8em;
  height: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-videolist .i:hover >.txt p{
  color: #fff;
}
.ui-newslist{

}
.ui-newslist ul{
  margin-bottom: 0;
  margin-top: -40px;
}
.ui-newslist ul li{
  border-bottom: 1px solid #e2e2e2;
  padding: 40px 0;
}
.ui-newslist .i{

}
.ui-newslist .i >.img{
  float: left;
  overflow: hidden;
}
.ui-newslist .i >.img img{
  width: 199px;
}
.ui-newslist .i:hover >.img img{
  transform: scale(1.05, 1.05);
  width: 199px;
}
.ui-newslist .i .cont{
  margin-left: 230px;
}
.ui-newslist .i .cont >.hd{
  display: block;
  padding-top: 20px;
  padding-bottom: 15px;
  position: relative;
}
.ui-newslist .i .cont >.hd >i{
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/news-p2.png) no-repeat center;
  border: 1px solid #e2e2e2;
  line-height: 20px;
  text-align: center;
  color: #e2e2e2;
  font-style: normal;
  position: absolute;
  bottom: -5px;
  right: 0;
  font-size: 14px;
}
.ui-newslist .i .cont >.hd:hover >i{
  border-color: #db3717;
  background-color: #db3717;
  background-image: url(../images/news-p1.png);
  color: #fff;
}
.ui-newslist .i .cont >.hd:after{
  content: '';
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #e2e2e2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ui-newslist .i .cont >.hd p{
  color: #bebebe;
}
.ui-newslist .i .cont >.hd h3{
  color: #000000;
  font-size: 18px;
  margin-top: 5px;
}
.ui-newslist .i .cont >.hd:hover h3{
  color: #e70e1f;
}
.ui-newslist .i .cont >.ct{
  margin-top: 20px;
}
.ui-newslist .i .cont >.ct p{
  color: #666666;
  line-height: 20px;
  font-size: 12px;
}
.ui-article{

}
.ui-article .head{
  background-color: #f1f1f1;
  padding: 10px 0;
}
.ui-article .head >h3{
  padding-top: 10px;
  text-align: center;
  color: #333333;
  font-size: 26px;
  font-weight: bold;
}
.ui-article .head >p{
  text-align: center;
  color: #666666;
  font-size: 14px;
  margin-top: 10px;
}
.ui-article .cont{
  padding: 15px 0;
}
.ui-article .cont p{
  color: #333333;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 1em;
}
.ui-article .cont img{
  max-width: 100%;
  margin-bottom: 1em;
}
.ui-article .foot{
  margin-top: 50px;
}
.ui-article .foot >.a{
  border-bottom: 1px solid #e3e3e3;
  padding: 15px 0;
}
.ui-article .foot >.b{
  padding: 15px 0;
}
.ui-article .foot .share{

}
.ui-article .foot .share p{
  text-align: right;
  color: #333333;
  font-size: 14px;
}
.ui-article .foot .more{
  position: relative;
}
.ui-article .foot .more >a{
  display: inline-block;
  background: url(../images/icon-back.png) no-repeat 0 50%;
  padding-left: 30px;
  line-height: 25px;
  color: #333333;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 0;
}
.ui-article .foot .more >a:hover{
  color: #e60012;
}
.ui-article .foot .more p{
  line-height: 24px;
  color: #333333;
}
.ui-article .foot .more p a{
  color: #333333;
}
.ui-article .foot .more p a:hover{
  color: #e60012;
}
.ui-talentlink{

}
.ui-talentlink ul{
  margin-bottom: 0;
}
.ui-talentlink ul li{
  width: 33.33%;
  float: left;
}
.ui-talentlink .i{
  display: block;
  position: relative;
}
.ui-talentlink .i >img{
  width: 100%;
}
.ui-talentlink .i >.ct{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  opacity: 0;
}
.ui-talentlink .i:hover >.ct{
  opacity: 1;
}
.ui-talentlink .i >.ct p{
  text-align: center;
}
.ui-talentlink .i >.ct p.p1{
  padding: 60px 0;
  padding-bottom: 25px;
}
.ui-talentlink .i >.ct p.p1 img{
  width: 68px;
  height: 68px;
}
.ui-talentlink .i >.ct p.p2{
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
}
.ui-talentlink .i >.ct p.p2 small{
  font-size: 12px;
}
.ui-head2{
  position: relative;
  margin-bottom: 40px;
}
.ui-head2:after{
  content: '';
  display: inline-block;
  width: 96px;
  height: 1px;
  background-color: #e81525;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -48px;
}
.ui-head2 p{
  text-align: center;
  color: #333333;
  font-size: 24px;
  font-weight: bold;
}
.ui-aboutstory{

}
.ui-aboutstory >.hd{
  text-indent: 35px
}
.ui-aboutstory >.hd p{
  line-height: 28px;
  color: #333333;
  font-size: 14px;
}
.ui-aboutstory >.ct{
  margin-top: 10px;
}
.ui-aboutstory >.ct ul{
  margin-bottom: 0;
  margin: 0 -10px;
}
.ui-aboutstory >.ct ul li{
  width: 33.33%;
  padding: 0 10px;
  float: left;
}
.ui-aboutstory img{
  width: 100%;
}
.ui-aboutarget{

}
.ui-aboutarget p{
  text-align: center;
}
.ui-aboutarget p img{

}
.ui-aboutteam{
  width: 680px;
  margin: 0 auto;
}
.ui-aboutteam >.hd{

}
.ui-aboutteam >.hd p{
  line-height: 26px;
  color: #333333;
  font-size: 14px;
}
.ui-aboutteam >.ct{
  margin-top: 10px;
}
.ui-aboutteam .view{

}
.ui-aboutteam .view img{
  width: 100%;
}
.ui-aboutfoot{

}
.ui-aboutfoot p{
  text-align: center;
}
.ui-honours{

}
.ui-honours >p{
  text-align: center;
  color: #333333;
  font-weight: bold;
  font-size: 24px;
}
.ui-honours >.ct{
  margin-top: 25px;
}
.ui-honours .list{

}
.ui-honours .list ul{
  margin-bottom: 0;
  margin: -15px -10px;
}
.ui-honours .list ul li{
  width: 33.33%;
  float: left;
  padding: 15px 10px;
}
.ui-honours .list .i{
  display: block;
  height: 145px;
  background: none no-repeat center #f8f8f8;
}
.ui-honours .list .i:hover{
  background-color: #e70e1f;
}
.ui-honours .list .i.img1{
  background-image: url(../images/honour-img1.png);
}
.ui-honours .list .i.img1:hover{
  background-image: url(../images/honour-img1-on.png);
}
.ui-honours .list .i.img2{
  background-image: url(../images/honour-img2.png);
}
.ui-honours .list .i.img2:hover{
  background-image: url(../images/honour-img2-on.png);
}
.ui-honours .list .i.img3{
  background-image: url(../images/honour-img3.png);
}
.ui-honours .list .i.img3:hover{
  background-image: url(../images/honour-img3-on.png);
}
.ui-honours .list .i img{
  width: 100%;
}
.ui-honours .list .b{
  display: block;
}
.ui-honours .list .b .img{
  border: 1px solid #d6d6d6;
  padding: 15px;
  position: relative;
}
.ui-honours .list .b .img >img{
  width: 100%;
  border: 1px solid #d6d6d6;
}
.ui-honours .list .b .img >.ct{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icon-link.png) no-repeat center rgba(0, 0, 0, .5);
  opacity: 0;
}
.ui-honours .list .b:hover .img >.ct{
  opacity: 1;
}
.ui-honours .list .b .txt{
  margin-top: -1px;
  position: relative;
  z-index: 1;
}
.ui-honours .list .b .txt p{
  line-height: 19px;
  text-align: center;
  color: #333333;
  font-size: 14px;
  margin-top: 15px;
}
.ui-honours .list .b:hover .txt p{
  background-color: #e70e1f;
  color: #fff;
}
.ui-history{
  position: relative;
  padding: 30px 0;
}
.ui-history >i{
  display: inline-block;
  position: absolute;
  top: 0;
  left: 118px;
  width: 2px;
  bottom: 0;
  background: url(../images/grow-line.png);
  background-size: 100% 100%;
}
.ui-history >i:before{
  content: '';
  display: inline-block;
  width: 55px;
  height: 51px;
  background: url(../images/grow-icon.png);
  background-size: 100% 100%;
  position: absolute;
  top: -52px;
  left: 50%;
  margin-left: -27px;
}
.ui-history .list{

}
.ui-history .list ul{
  margin-bottom: 0;
}
.ui-history .list ul li{
  margin-bottom: 60px;
}
.ui-history .list ul li:last-child{
  
}
.ui-history .list .i{
  position: relative;
  padding-left: 110px;
}
.ui-history .list .i >label{
  font-weight: normal;
  margin-bottom: 0;
  color: #343434;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 120px;
  padding-right: 20px;
}
.ui-history .list .i >label:after{
  content: '';
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url(../images/grow-dot.png);
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
}
.ui-history .list .i p{
  color: #343434;
  font-size: 14px;
  padding-left: 30px;
}














/*----------customize----------*/
.carousel-indicators li{
  margin: 0;
  border: none;
  background-color: #ababab;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.carousel-indicators li.active{
  background-color: #e70e1f;
  width: 8px;
  height: 8px;
}

#carousel-prodview{

}
#carousel-prodview .aw{
  display: inline-block;
  width: 17px;
  height: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
}
#carousel-prodview .aw.prev{
  background-image: url(../images/prodview-l.png);
  left:70px;
}
#carousel-prodview .aw.prev:hover{
  background-image: url(../images/prodview-l-on.png);
}
#carousel-prodview .aw.next{
  background-image: url(../images/prodview-r.png);
  right:70px;
}
#carousel-prodview .aw.next:hover{
  background-image: url(../images/prodview-r-on.png);
}
#carousel-prodview .carousel-indicators{
  bottom: -20px;
}
#carousel-prodview .carousel-indicators li{
  margin: 0 2px;
}
#carousel-prodtext{

}
#carousel-prodtext .aw{
  display: inline-block;
  width: 25px;
  height: 64px;
  position: absolute;
  top: 50%;
  margin-top: -32px;
  background: none no-repeat center;
  background-color: rgba(255, 255, 255, .2);
}
#carousel-prodtext .aw:hover{
  background-color: rgba(210, 151, 145, .8);
}
#carousel-prodtext .aw.prev{
  background-image: url(../images/prodtext-l.png);
  left:2px;
}
#carousel-prodtext .aw.next{
  background-image: url(../images/prodtext-r.png);
  right:2px;
}
#carousel-banner{

}
#carousel-banner .carousel-indicators{
  bottom: 8px;
}
#carousel-banner .carousel-indicators li{
  width: 66px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 0;
  margin: 0 3px;
}
#carousel-banner .carousel-indicators li.active{
  background-color: #da4136;
}
#carousel-homepics{

}
#carousel-homepics .aw{
  display: inline-block;
  width: 52px;
  height: 40px;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -20px;
  background: none no-repeat center;
  background-color: rgba(0, 0, 0, .5);
}
#carousel-homepics .aw:hover{
  background-color: rgba(255, 255, 255, .5);
}
#carousel-homepics .aw.prev{
  background-image: url(../images/homeabout-aw-l.png);
  right: 0;
}
#carousel-homepics .aw.next{
  background-image: url(../images/homeabout-aw-r.png);
  right: -52px;
}
#carousel-team{

}
#carousel-team .aw{
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: -40px;
  background: none no-repeat center;
  background-size: 6px 14px;
  background-color: #898989;
}
#carousel-team .aw:hover{
  background-color: #be4437;
}
#carousel-team .aw.prev{
  background-image: url(../images/homeabout-aw-l.png);
  right: 35px;
}
#carousel-team .aw.next{
  background-image: url(../images/homeabout-aw-r.png);
  right:10px;
}

/*优势*/
.advantage{ text-align:center; }
.num_box{ display:inline-block; /*margin:0 42px; float:left;*/margin:0 30px; margin-left:0; }
/*.num_box:last-child{ margin-right:0;}*/
.advantage .num{ font-weight:bold;color:#FFF; font-size:55px; width:206px; height:116px; line-height:116px; text-align:center; position:relative; z-index:2; letter-spacing:3px;}
.num_li{ position:relative; }
.num_bg{ position:absolute; z-index:1; width:206px; height:116px; border-radius:8px; left:0; top:0; background:#E60012;}
.num_li h3{ font-size:16px; color:#333333; font-weight:normal; line-height:82px; }
.num_line{ display:block; position:absolute; top:54px; left:0; z-index:3; width:206px; height:3px; background-color:#E60012;}
@media screen and (max-width: 1024px) {
.ui-contactmaps >.txt{ margin-left:0;}
}

@media screen and (max-width: 480px) {
.num_box{ margin-right:10%; margin-left:10%; width:80%; text-align:center;}
.num_bg{ width:70%; left:15%;}
.num_line{ width:70%; left:15%;}
.advantage .num{ width:70%; margin:0 auto;}
}