@charset "utf-8";

/*系统图标、字体大小11行*/
.ptr_Sysicon{position:relative;overflow:hidden;}
.ptr_Sysicon .navPrev,.ptr_Sysicon .navNext{position: absolute;top:40%; display:block;width:40px; height:32px;cursor:pointer;}
.ptr_Sysicon .navPrev{left:0;background: url("../img/arrowz.png") no-repeat;}
.ptr_Sysicon .navNext{right:0;background: url("../img/arrowy.png") no-repeat;}
.ptr_Sysicon li{float:left;position:relative;overflow:hidden;transition:all 0.2s linear;}
.ptr_Sysicon li a{display:block;position:absolute;}
.ptr_Sysicon li a.pic{width:65px;height:65px;background:url(../img/icon1grey.png) no-repeat;}
.ptr_Sysicon li a.txt{height:25px;left:0;color:#666;font-size:18px;font-family:"Microsoft Yahei";line-height:25px;text-align:center;}
/*文字颜色及图标背景颜色图的切换样式*/
.ptr_Sysicon li.on a.txt,.ptr_Sysicon li:hover a.txt,.ptr_Sysicon li a.txt:hover{color:#c22a2e;}
.ptr_Sysicon li.on a.pic,.ptr_Sysicon li:hover a.pic,.ptr_Sysicon a.pic:hover{background:url(../img/icon1red.png) no-repeat;}
/*html5效果高版本浏览器可实现*/
.ptr_Sysicon .Sysicont1 li.on,.ptr_Sysicon .Sysicont1 li:hover{cursor: pointer;box-shadow:0 0 20px #e0e0e0;-webkit-box-shadow:0 0 20px #e0e0e0;transform: translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);}/*鼠标滑过图片向上位移并有阴影效果 ie9以上 可单用*/
.ptr_Sysicon .Sysicont2 li.on a.pic,.ptr_Sysicon .Sysicont2 li:hover a.pic{-webkit-transition: -webkit-transform 0.7s ease-out;-moz-transition:-moz-transform 0.7s ease-out;transition:transform 0.7s ease-out;transform:rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg); }/*鼠标滑过图片旋转效果ie10以上 可单用*/


/*html5鼠标指上图片特效 */
.ptr_move,.ptr_move:hover{transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}/* 缓动加给img */

.ptr_picsize:hover{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);}/* 图片放大加给img 外包标签需要加overflow:hidden; */

.ptr_bjcb{position:relative;overflow:hidden;z-index:2;transition: all 400ms;}/*背景颜色由左至右显示  */
.ptr_bjc{position:absolute;top:0;right:100%;width:100%;height:100%;transition:all 400ms;background-color:#c22a2e;z-index:-1;}
.ptr_bjcb:hover .ptr_bjc{right: 0;}

/*鼠标指上图片特效--图文变化*/
.ptr_pic{position:relative;overflow:hidden;font-family:"Microsoft YaHei";}
.ptr_pic a {display:block;position:relative;border-radius:5px;}
.ptr_pic a p{position:absolute;left:0;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;background:rgba(0, 0, 0, .7);}
.ptr_pic a:hover p{background:rgba(1, 129, 215, .7);background-color:#0181d7\0/;}

/* 鼠标指上图片特效--浮动层划过 */
.ptr_pic .bjc{position:absolute;left:0;top:0;width:100%;height:100%; background-color:rgba(46, 48, 51, 0.3);transition: all 400ms;z-index:1; }
.ptr_pic:hover .bjc{background-color:rgba(1, 129, 215, 0.83);background-color:#0181d7\0/; }
.ptr_pic .tap{position:absolute;left:5%;top:50%;width:90%;margin-top:-45px;font-family:"Microsoft Yahei";color:#fff;text-align:center;transition:all 400ms;z-index:2; }
.ptr_pic:hover .tap{margin-top:-133px; }
.ptr_pic .tap .title{margin-top:30px;line-height:50px;font-size:18px;font-weight:bold;}
.ptr_pic .tap .txt{height:100%;overflow:hidden;display:none;}
.ptr_pic .tap .txt p{text-indent:2em;line-height:26px;font-size:14px;text-align:justify;}
.ptr_pic:hover .txt{display:block;}

/* 鼠标指上图片特效--翻转 */
.ptr_sort{position:relative;text-align:center;font-family:"Microsoft YaHei";}
.ptr_sort ul{padding:40px;opacity:1;transform:perspective(800px) rotateY(0);-o-transform:perspective(800px) rotateY(0);-webkit-transform:perspective(800px) rotateY(0);-ms-transform:perspective(800px) rotateY(0);transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out }
.ptr_sort ul li img{display:inline-block;margin:30px 0;}
.ptr_sort ul .text {display:inline-block;font-size:18px;line-height:50px;color:#666;border-top:1px solid #c22a2e;}
.ptr_sort dl{position:absolute;top:0;background-color:#c22a2e;padding:20px 40px;overflow:hidden;opacity:0;display:none/9;transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;transform:perspective(800px) rotateY(-180deg);-o-transform:perspective(800px) rotateY(-180deg);-ms-transform: perspective(800px) rotateY(-180deg);-webkit-transform: perspective(800px) rotateY(-180deg);}
.ptr_sort dl h3{font-size:20px;padding-bottom:20px;border-bottom:1px solid #fff;color:#fff;text-align:center;line-height:40px;}
.ptr_sort dl p{font-size: 16px;line-height: 30px;text-align:justify;margin-top:20px;color:#fff;}
.ptr_sort:hover ul{display: none/9;opacity: 0;transform: perspective(800px) rotateY(-180deg);-o-transform:perspective(800px) rotateY(-180deg);-ms-transform:perspective(800px) rotateY(-180deg);-webkit-transform:perspective(800px) rotateY(-180deg); }
.ptr_sort:hover dl{display: block/9;opacity: 1;transform: perspective(800px) rotateY(0);-o-transform:perspective(800px) rotateY(0);-ms-transform:perspective(800px) rotateY(0);-webkit-transform:perspective(800px) rotateY(0);}