Quantum communication is a growing interdisciplinary field which combines classical communications and quantum mechanics. Quantum error correction coding is one of the key techniques in quantum communication. Nearly all of the classical error correction coding schemes have been transplanted to the domain of quantum communication, and the quantum counterparts of classical error correction coding techniques have been found. Based on the classical turbo product codes (TPCs) which is one of the most outstanding schemes in classical coding region, a new structure of the CSS-type quantum convolutional codes (QCC) as stabilizer sub-code of the quantum turbo product codes (QTPC) is presented. Firstly, CSS-type QCC stabilizer generator is constructed with the help of group theory and the basic principle of stabilizer coders, and the corresponding networks are described. Secondly, the interleaved coded matrix of the QTPC is obtained by quantum permutation SWAP gate definition. Finally, the corresponding relation between the quantum trace distance of QTPC decoding and the distance of classical TPCs decoding is obtained, and the scheme of QTPCs coding and decoding is completed. The coding and decoding of QTPCs have a highly regular structure and a simple design idea, and the networks are easy to realize.