/*process*/

.process{ background: url(../images/processbg.png)no-repeat center; background: url(../images/processbg.png)\9 no-repeat center; height: 406px; overflow: hidden; padding: 50px 0 0;text-align: center;}
.process .nr ul li{ float: left; text-align: center; width: 110px;}
.process .nr ul li b{ display: block; font-size: 16px; line-height: 16px; color: #fff; font-family: arial; margin: 15px 0;}
.process .nr ul li p{ font-size: 16px; line-height: 16px; color: #fff;}
.process .nr ul li .pic{ background: url(../images/lckk.png)no-repeat; width: 110px; height: 113px; line-height: 113px;}
.process .nr ul li .pic img{ vertical-align: middle;position: absolute;left: 33px;top: 33px;}
.process .nr ul dd{ float: left; background: url(../images/lcjt.png)no-repeat; width: 16px; height: 16px; margin: 50px 14px 0;}
.process .nr ul li .pic{ vertical-align: middle; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;position: relative;}
.process .nr ul li:hover .pic{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}