.box_In{width: 1200px;margin: 0 auto;}
.clear{overflow: hidden;}
div{display: block;}
.zhuanye{background:#e6e2e1 /*url(/skin/images/zhuanye/box9_bg1-1.jpg)no-repeat center top*/;margin-bottom: 10px;position: relative;}
.zhuanye .wrapper{width:100%;max-width:100%;margin: 10px auto 0}
.zhuanye .cols{
	height: 252px;
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
    display: -moz-box; /* Firefox 17- */  
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
    display: -moz-flex; /* Firefox 18+ */  
    display: -ms-flexbox; /* IE 10 */  
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ 
    display: box;           /* OLD - Android 4.4-*/
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center; 
	-ms-flex-pack: center;
	justify-content: center;}
.zhuanye .col{/*width: calc(20% - 2rem);width: 208px;*/width:176.8px;/*6channel*/margin: 1.58rem;cursor: pointer;}
.zhuanye .container{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;
perspective: 1000px;}
.zhuanye .front,.zhuanye .back{background-size: cover;background-position: center;
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: center;
min-height: 220px;height: auto;border-radius: 10px;color: #fff;font-size: 1.5rem;}
.zhuanye .back{background: url(/skin/images/zhuanye/back_a5.png)no-repeat center; background-size: 100% 98%;}
.zhuanye .front:after{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;content: '';display: block;opacity: .2;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;}
.zhuanye .container:hover .front,.zhuanye .container:hover .back{
-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);}
.zhuanye .back{position: absolute;top: 0;left: 0;width: 100%;}
.zhuanye .inner{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);transform: translateY(-50%) translateZ(60px) scale(0.94);top:50%;position: absolute;left: 0;width: 100%;padding: 1rem;text-align: center; -webkit-box-sizing: border-box;box-sizing: border-box;outline: 1px solid transparent;-webkit-perspective: inherit;perspective: inherit;z-index: 2;}
.zhuanye .container .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.zhuanye .container .front{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.zhuanye .container:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.zhuanye .container:hover .front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.zhuanye .front .inner p{font-size:20px;margin-bottom:20px;position: relative;font-weight:bold ;}
.zhuanye .front .inner span{font-size:24px;color: #F8BE1C;display: block;margin: 10px 0;}
.zhuanye .front .inner b{font-size: 18px;color: #fff;font-weight: normal;display: block;line-height: 26px;}
.zhuanye .container .back p{font-size: 16px;line-height:1.64em;height: 156px;overflow: hidden;}