/***********************************
*
*  css of introduction.html
*
***********************************/

/*intro*/
.intro{position: relative;z-index: 5;width:100%;padding-top:50px;}

.intro .tit{position: relative;z-index: 6;padding-bottom: 30px;}
.intro .tit span{display:block;padding-left:15px;border-left:5px solid #343535;line-height: 30px;font-size: 18px;text-transform:capitalize;}

.intro .con{position: relative;z-index: 6;width:100%;overflow: hidden;}

/*company*/
.intro .company{padding-bottom:50px;}
.intro .company .con{}
.intro .company .con .pic{float:left;overflow: hidden;width:50%;margin-right:50px;}

.intro .company .con .txt p{line-height: 35px;font-size:16px;color: #666; text-indent: 2em;text-align: justify;}




/*workshop*/
.intro .workshop{padding-bottom:50px;}
.intro .workshop .con{}
.intro .workshop .con .slider4{padding-top: 20px;margin:0 auto; width:760px;}
.intro .workshop .con .bx-wrapper { margin: 0;}
.intro .workshop .con  .bx-wrapper .bx-viewport{background:transparent;left:0;border:0 none;-webkit-box-shadow:none;box-shadow:none;}
.intro .workshop .con  .bx-wrapper .bx-controls-direction a.bx-prev { left: -80px;width:50px;height:50px; background: url(../images/arrow-3.png) no-repeat 0 0;}
.intro .workshop .con  .bx-wrapper .bx-controls-direction a.bx-next { right: -80px;width:50px;height:50px; background: url(../images/arrow-4.png) no-repeat 0 0;}



/*pipe*/
.intro .pipe{padding-bottom:50px;}
.intro .pipe .con{position: relative;z-index: 6;padding:30px 0; text-align: center;overflow: visible;}
.intro .pipe .con img{cursor: pointer;}

/*Package*/
.intro .Package{padding-bottom:50px;}
.intro .Package .con ul{margin-right:-15px;}
.intro .Package .con li{float:left;padding-right:15px;width:25%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.intro .Package .con li .txt{padding:10px 0;line-height: 25px; text-align: center;}
.intro .Package .con li .txt a{font-size: 16px;color: #666;}
.intro .Package .con li:hover .txt a{color: #005F4F;}

/*fig*/
.intro .fig{padding-bottom:50px;}
.intro .fig .con ul{margin-right:-15px;}
.intro .fig .con li{float:left;padding-right:15px;width:33.33333%;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.intro .fig .con li .txt{padding:10px 0;line-height: 25px; text-align: center;}
.intro .fig .con li .txt a{font-size: 16px;color: #666;}